@import url(pages.css);

/* ############# Default Styles ############# */
html, body {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
	}




/* ############# Fonts ############# */
body {
	text-align: center;
	font: 12px/150% Verdana;
	color: #303030;
	background: #4a5164 url(../images/bg.jpg);
  overflow: auto;
	}

a {
	color: #666;
	text-decoration: none;
	}
	
a:hover {
	color: #D03333;
	}

body.popup {
	background: #fff;
	}
	
/* ############# Layout ############# */
#bg2 {
	background: url(../images/bg2.png) no-repeat top center;
	width: 1000px; height: 830px;
	margin: 0 auto;
	}

#midwrapper, #midstripes, #bottom, #wrapper, #flash { width: 779px; }

#wrapper {
	margin: 0 auto;
	padding-top: 22px;
	}

#flash {
	height: 282px;
	width: 779px;
	text-align: left;
	}

#flash-menu {
	position: relative;
	z-index: 2;
	top: -214px;
	left: 21px;
	}

#flash-menu-contact {
	position: relative;
	z-index: 2;
	top: -196px;
	left: 672px;
	width: 80px;
	height: 40px;
	text-align: right;
	}


#flash-menu-contact a {
	color: #fff;
	font-size: 12px;
	}

#midwrapper {
	background: url(../images/mid.gif) repeat-y;
	padding-bottom: 20px;
	}

#midstripes {
	background: url(../images/template_05.gif) no-repeat;
	text-align: left;
	padding: 15px 45px 0 35px;
	}

#scroller {
	width: 700px;
	height: 350px;
	overflow: auto;
	padding: 0px 10px 0 0;
	border-bottom: 2px solid #efefef;
	}

#content { padding-top: 10px; }

#bottom {
	background: url(../images/template_07.gif) no-repeat;
	height: 104px;
	position: relative;
	top: -20px;
	}

a#top-link {
	float: right;
	margin: 30px;
	}

#path {
	margin-bottom: 20px;
	}

.navigation div {
	float: left;
	padding-right: 15px;
	}

.post-item {
	margin-bottom: 15px;
	}

#bot-nav {
	background: url(../images/bot-left.jpg) no-repeat;
	height: 75px;
	margin-bottom: 10px;
	}

#bot-bg {
	background: url(../images/bot-right.jpg) no-repeat right;
	padding: 10px;
	height: 55px;
}

#bot-nav h2 {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 110%;
	}

#bot-nav ul,
#bot-nav li {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#bot-nav ul li {
	float: left;
	font-size: 10px;
	padding: 0 5px 2px 5px;
	border-right: 1px solid #ccc;
	height: 12px;
	margin: 0px;
	}

p.credit-bot {
	margin: 0 auto;
	clear: both;
	font: 11px Tahoma;
	color: #fff;
	}

p.credit-bot a {
	color: #ccc;
	text-decoration: none;
	position: relative;
	top: -8px;
	}

p.credit-bot a:hover {
	color: #ffeeee;
	text-decoration: underline;
	}

p.credit-bot img {
	border: 2px solid #333;
	position: relative;
	top: 11px;
	}


p.credit-bot img:hover {
	border: 2px solid #ccc;
	}


/* ############# Headers ############# */
h1, h2, h3, h4, h5, h6, label {
	color: #666;
	padding: 0px;
	margin: 0 0 5px 0;
	}

h1 { font-size: 16px; line-height: 125%; }
h2 { font-size: 14px; line-height: 125%; color: #444; }
h3 { font-size: 14px; line-height: 150%; }
h4 { font-size: 12px; line-height: 175%; }
h5 { font-size: 11px; line-height: 200%; }
h6 { font-size: 10px; line-height: 200%; }
label { font-size: 11px; font-weight: bold; }
p {
	padding: 0 0 15px 10px;
	margin: 0px;
	line-height: 200%;
	}

ul { margin: 0 0 20px 20px; padding: 0 0 0 20px; }
li { padding: 0 0 5px 0px; }

/* ############# Form Elements ############# */
input, select, textarea {
	font: 11px Tahoma;
	width: 310px;
	}

textarea { height: 155px;	}

.cform-box {
	float: left;
	width: 150px;
	padding-right: 5px;
	margin-left: 10px;
	}
	
.cform-box input { width: 145px; }
	
	
/* ############# Misc ############# */

.align-right {
	text-align: right;
	}

.align-left {
	text-align: left;
	}

.align-center {
	text-align: center;
	}

.block {
	display: block;
	}

.centered {
	margin: 0 auto;
	}

.clear-plz {
	clear: both;
	display: block;
	}

.float-left {
	float: left;
	}

.float-right {
	float: right;
	}

.padding_10 { padding:10px; } 
.padding_left5 { padding-left:3px;}
.padding_left { padding-left:10px;}
.padding_left15 { padding-left:15px;}
.pading_right { padding-right: 10px;}
.pading_right15 { padding-right: 15px;}
.pading_right20 { padding-right: 20px;}
.pading_right { padding-right: 10px;}

.spacer-5, .spacer-10, .spacer-15, .spacer-25, .spacer-50 {
	clear: both;
	width: 1px;
	display: block;
	}

.spacer-5  { height: 5px; }
.spacer-10 { height: 10px; }
.spacer-15 { height: 15px; }
.spacer-25 { height: 25px; }
.spacer-50 { height: 50px; }


.w400 { width:400px; }

.width100 { width:100%; }
.width99 { width:99%; }
.width98 { width:98%; }
.width95 { width:95%; }
.width90 { width:90%; }
.width50 { width:50%; }

.bold {
	font-weight: bold;
	}


/* ############# Front Page ############# */
#front-left {
	background: url(../images/banner_bg.gif) repeat-x center center;
	height: 225px;
	}
#front-right { 
	background: #2F2F2F;
	border-left: 1px solid #efefef;
	height: 225px;
	}
#front-bottom {
	background: url(../images/center_bg.gif) repeat-x top;
	border-top: 1px solid #efefef;
	text-align: center;
	padding: 15px;
}


/* ############# Header ############# */
#header {
	width: 800px;
	position: relative;
	}

#header-left-logo {
	float: left;
	width: 350px;
	height: 150px;
	background: url(header-logo.jpg) no-repeat left bottom;
	}

#header-search-area {
	display: block;
	position: relative;
	overflow: hidden;
	float: right;
	padding: 8px 0 0 0;
	width: 170px;
	height: 25px;
	overflow: hidden;
	}

#header-right-side {
	float: left;
	width: 450px;
	height: 150px;
	background: url(header-right-bar.jpg) no-repeat left bottom;
	}

#header-text-links {
	height: 98px;
	}
#header-text-links-wrapper {
	position: relative;
	top: 15px;
	right: 5px;
	float: right;
	color: #999;
}

#header-text-links-wrapper a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}

#home-link, #login-link, #account-link, #help-link, #join-link {
	padding: 2px 5px 2px 5px;
	/* height: 24px; */
	display: block;
	float: left;
	border-right: 1px solid #efefef;
	}
/*
#home-link {
	background: url(home_icon.jpg) no-repeat 0px 0px;
	} 

#login-link {
	background: url(login_icon.jpg) no-repeat;
	} 

#help-link {
	background: url(help_icon.jpg) no-repeat;
	} 

#join-link {
	background: url(join_icon.jpg) no-repeat;
	} 
*/

#account-link {
	/* background: url(myaccount_icon.jpg) no-repeat; */
	border-right: none;
	} 
#header-tabs {
	position: relative;
	float: right;
	right: 8px;
}

#header-tabs-subcontent {
	position: relative;
	display: block;
	height: 18px;
	width: 330px;
	float: right;
	right: 5px;
	overflow: hidden;
	text-align: left;
	padding-top: 4px;
	
	}

/* ############# Search Area ############# */
#text-size {
	float: left;
	border: 1px solid #999;
	background: #33cc33;
	margin: 12px 0 0 20px;
	padding: 2px;
	font-size: 10px;
	line-height: 12px;
	}
	
#text-size span, #text-size a {
	color: #fff;
	font-weight: bold;
	padding: 2px;
	text-decoration: none;
	}

#text-size a.plus {
	background: #229922;
	padding: 0 3px 0 4px;
	}

#text-size a.minus  {
	background: #229922;
	padding: 0 4px 0 5px;
	}
	
#searchform #s {
	float: left;
	width: 125px;
	height: 13px;
	padding: 2px;
	border: 1px inset #52abd9;
	position: relative;
	top: 4px;
	left: 0px;
	background: #fff url(search-gradient.jpg) no-repeat left bottom;
	font-size: 11px;
	font-weight: bold;
	color: #444;
	}

#searchform #searchsubmit {
	float: left;
	padding: 1px;
	border: none;
	background: url(search-button.gif) no-repeat -0px -0px;
	position: relative;
	top: 0px;
	left: 6px;
	width: 24px;
	height: 24px;
	cursor: hand; cursor: pointer;
	}

/* ############# Left Boxes ############# */
.lbox {
	display: block;
	width: 206px;
	margin-bottom: 20px;
	}

.lbox-top {
	display: block;
	width: 186px;
	height: 26px;
	background: url(lbox-top.png) no-repeat;
	color: #fff;
	padding: 4px 10px 2px 10px;
	overflow: hidden;
	font-weight: bold;
	}

.lbox-mid {
	display: block;
	width: 176px;
	background: url(lbox-mid.png) repeat-y top;
	text-align: left;
	padding: 0 15px 0 15px;
	}

.lbox-bot {
	display: block;
	width: 206px;
	height: 13px;
	background: url(lbox-bot.png) no-repeat;
	}




	
	
	
/* ############# Right Content Boxes ############# */
.cbox {
	display: block;
	width: 605px;
	}

.cbox-top {
	display: block;
	width: 588px;
	height: 13px;
	background: url(cbox-top.png) no-repeat;
	}

.cbox-mid {
	display: block;
	width: 523px;
	padding: 20px 35px 50px 30px;
	background: url(cbox-mid.png) repeat-y top;
	text-align: left;
	overflow: hidden;
	}
	
.cbox-bot {
	display: block;
	width: 588px;
	height: 19px;
	background: url(cbox-bot.png) no-repeat;
	/*top: -12px;*/
	position: relative;

	}





/* ############# coursebank.html ############# */
h2.browse {
	background: url(browse.jpg) no-repeat;
	padding: 2px 0 0 30px;
	height: 23px;
	color: #666;
	margin-left: 5px;
	}


.cb-square {
	display: block;
	border: 1px solid #efefef;
	padding: 10px 8px 10px 8px;
	margin: 5px;
	width: 165px;
	height: 115px;
	background: url(cb-square-bar.jpg) repeat-x bottom;
	}

.cb-square p {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 110px;
	font-size: 11px;
	font-weight: bold;
	}

.cb-square img {
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	left: 4px;
	top: 3px;
	}
	
.cb-square h3 {
	padding: 0px;
	margin: 0 0 10px 0;
	color: #33c0FF;
	font: bold 14px Arial;
	}

.cb-square a {
	text-decoration: none;
	font-weight: bold;
	}

.cb-square  a:hover {
	color: #999;
	}
	
.browse-link, .example-link {
	background: url(list_arrow.gif) no-repeat 0px 3px;
	padding: 1px 0 0 10px;
}
	
/* ############# courseinfo.html ############# */
span.rating, ul.rating li {
	font-size: 11px;
	font-weight: bold;
	}

ul.rating li span {
	color: #888;
	}

.rating-star {
	position: relative;
	top: 1px;
	}

ul.guru-details li {
	font-size: 10px;
	font-weight: normal;
	}

#course-details {
	width: 95%;
	position: relative;
	display: block;
	margin: 0 auto;
	border: 1px solid #EFEFEF;
	padding: 8px 12px 8px 12px;
	font-size: 11px;
	background: #fff url(small-bar.jpg) repeat-x top;
	}
	
#course-details p {
	padding: 0px;
	margin: 0px;
	}

#course-details h3 {
	margin: 10px 0 5px 0px;
	color: #666;
	font-size: 18px;
	}

#reviews-comments {
	width: 370px;
	position: relative;
	display: block;
	margin: 5px 15px 0 0px;
	padding: 0px;
	font-size: 11px;
	float: left;
	}
	
#reviews-comments h3 {
	margin: 0px;
	color: #666;
	font-size: 18px;
	}

#reviews-comments h4 {
	padding: 0px;
	margin: 10px 0 0 0px;
	color: #666;
	font-size: 12px;
	}

h3.details {
	background: url(details.jpg) no-repeat;
	padding: 2px 0 0 30px;
	height: 23px;
	}

h3.comments {
	background: url(comments.jpg) no-repeat;
	padding: 2px 0 0 30px;
	height: 23px;
	}

#reviews-comments p {
	font-size: 11px;
	}

#reviews-comments-right-buttons {
	float: right;
	text-align: center;
	position: relative;
	top: 15px;
	right: 0px;
	}