/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {/* customize_background */ background-color:#ffffff; /* customize_background */ padding: 0px; margin: 0px;
	background-image: url(http://www.gurusoftech.com/themes/gurus/images/gurus_background.gif);
}
img {border: 0px}
a { cursor:pointer}

label { font-weight:bold;}
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#gurus{ width:820px; margin:auto; text-align:left }
#gurus #headerSpacer{ height:64px }
#gurus #header{ position:relative; background-color: #000; height: 80px;
	background-image: url(http://www.gurusoftech.com/themes/gurus/images/header_background.png);
} 
#gurus #header #logo{ color:#999; font-size:32px; font-family:Arial, Helvetica, sans-serif; line-height: auto; margin-bottom: 0px; padding: 0px; margin-top: 18px; cursor:pointer;  left:0px ; z-index:10; width:auto; float:left; position: relative; margin-left: 8px;
}
#gurus #header #logo a{ /* customize_header_logo */ color:#999; /* customize_header_logo */ text-decoration:none;}
#gurus #header #logo p{ display:inline; line-height:inherit; font-size:inherit; padding:inherit; margin:inherit; color:inherit }


#gurus #header #headerNav{ position: absolute; top: 0; right: 0px; z-index:2; width:100%; overflow:visible; margin-top: 18px;}
#gurus #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right}
#gurus #header ul.nav-header li{float:left; padding:2px 0px; margin-left:16px; margin-bottom: 0px; color:#999; font-size:12px; margin-top:0px }
#gurus #header ul.nav-header li a,#gurus #header ul.nav-header li a:hover{ text-decoration:none; color:#999999 }
#gurus #header ul.nav-header li.nav-selected{ border:1px solid #bbb; padding:2px 8px; }

#gurus #header #header-area{margin-top: 10px; margin-bottom: 10px }
#gurus #header #header-area #header-area-inside{margin-bottom: 12px;}
#gurus #header #header-area img { display: block}
#gurus .divider{padding-top: 12px; background: url(http://www.gurusoftech.com/themes/gurus/images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; clear:both; width:100%; }

#gurus #central{background:url(http://www.gurusoftech.com/themes/gurus/images/nav_sidebar_right_bg.gif) repeat-y center #FFFFFF; clear:both; padding: 15px; line-height: 150%;}
#gurus .no-sidebar { background-image: none !important;}
#gurus #central.central-left { background:url(http://www.gurusoftech.com/themes/gurus/images/nav_sidebar_left_bg.gif) repeat-y center !important;}
#gurus #central.central-left div#sidebar {float: left !important;}
#gurus #central.central-left #body {padding-left: 68px !important; padding-right: 0px !important; float:right;}
 
#gurus #central #body{ float:left; width:67%; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important }
#gurus .no-sidebar #body{ float: none !important; width: auto !important; }
#gurus #central #sidebar{ float:right; width:26%; overflow:hidden; padding-right: 10px; }
#gurus #central #sidebar p{ line-height:24px}

/* Styling for Events Block */
#gurus #central #sidebar p.events_title { text-align: left; text-transform: uppercase; padding: 3px 5px 2px 5px; background-color: #EEEEEE; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; color: #333; font-size: 12px;}
#gurus #central #sidebar p.events_detail{ text-align: left; padding: 5px 5px 8px 5px; font-size: 12px;}
#gurus #central #sidebar p.events_detail a { text-align: left; font-size: 12px; background-color: ;}

/* Styling for Central Block */
#gurus #central p.central_title { text-align: left; text-transform: uppercase; padding: 3px 5px 2px 5px; background-color: #EEEEEE; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; color: #333; font-size: 12px;}

#gurus #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:24px; font-size:11px;}
#gurus #central #sidebar ul.nav li{ margin-bottom:16px; }
#gurus #central #sidebar ul.nav a{ text-decoration:none; color:#333 }
#gurus #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#gurus #central #sidebar ul.nav a:hover{ text-decoration:underline }
#gurus #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#gurus #central #sidebar ul.nav ul li{ margin-bottom:16px; }

#gurus #central.navLeft{ background:url(http://www.gurusoftech.com/themes/gurus/images/nav_sidebar_left_bg.gif) repeat-y center; }
#gurus #central.navLeft #sidebar{float:left}
#gurus #central.navLeft #body{float:right; padding-right:0px; width:68%; }

#gurus #central.noSideNav{ background: none; }
#gurus #central.noSideNav #sidebar{ display:none }
#gurus #central.noSideNav #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#gurus #footer{ padding:20px 10px 10px 10px; clear:both; padding-bottom:16px; color:#666666; font-size:10px; background: url(http://www.gurusoftech.com/themes/gurus/images/foot_top.png) no-repeat; height: 150px;}
#gurus #footer a{ text-decoration:none;}
#gurus #footer span.sign-in {margin-left: 20px;}
#gurus #footer span.powered-by { float:right;}

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */ /* Insert your custom CSS here */ /* customize_miscellaneous */
#gurus #central #sidebar #HTMLBlock14.title {
	text-align: left;
	text-transform: uppercase;
	padding: 5px;
	background-color: #EEEEEE;
	border-top: 1px dotted #006DC9;
	border-bottom: 1px dotted #006DC9;
	color: #00437C;
	font-size: 12px;
}

#gurus #central #thebox {
	 text-align: left; padding: 10px 10px 10px 10px; background-color: #EEEEEE; border: 1px dotted #999999; color: #333; font-size: 12px;
}

#gurus #footer #thebox {
	 text-align: left; padding: 10px 10px 10px 10px; background-color: #EEEEEE; border: 1px dotted #999999; color: #333; font-size: 11px; width: 90%; margin: auto;
}


/* Class Entry CSS */

/* By TRACK */
#gurus #central .classEntryAudioList {
	background-color: #EFF8FF;
	border-bottom: 1px dotted #BFE4FF;
	border-top: 1px dotted #BFE4FF;
	margin-top: 5px;
	padding: 0px 5px 0px 5px;
}

#gurus #central .classEntryVideoList {
	background-color: #f3f3f3;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	margin-top: 5px;
	padding: 0px 5px 0px 5px;
	overflow: auto;
}

#gurus #central .classEntryLightingList {
	background-color: #FFFFDF;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	margin-top: 5px;
	padding: 0px 5px 0px 5px;
}

#gurus #central .classEntryContentList {
	background-color: #FBEFFF;
	border-bottom: 1px dotted #F4CFFF;
	border-top: 1px dotted #F4CFFF;
	margin-top: 5px;
	padding: 0px 5px 0px 5px;
}

#gurus #central .classEntryProductionList {
	background-color: #F1FFEF;
	border-bottom: 1px dotted #B9FFAF;
	border-top: 1px dotted #B9FFAF;
	margin-top: 5px;
	padding: 0px 5px 0px 5px;
}
/* End TRACK */


/* By TIME */

#gurus #central .timetable {
	width: 770px;
	margin: 0 auto;
	border: solid 1px #000;
}

#gurus #central .col0 { width: 770px; }
#gurus #central .col1 { width: 55px; }
#gurus #central .col2 { width: 65px; }
#gurus #central .col3 { width: 115px; }
#gurus #central .col4 { width: 115px; }
#gurus #central .col5 { width: 115px; }
#gurus #central .col6 { width: 115px; }
#gurus #central .col7 { width: 115px; }
#gurus #central .col8 { width: 600px; }

#gurus #central .Blank {
	text-align: right;
}

#gurus #central .Time {
	background-color: #FFFFFF;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	text-align: right;
}

#gurus #central .Classes {
	background-color: #fafafa;
	border-bottom: 1px dotted #fafafa;
	border-top: 1px dotted #fafafa;
	text-align: center;
}

#gurus #central .Audio {
	background-color: #EFF8FF;
	border-bottom: 1px dotted #BFE4FF;
	border-top: 1px dotted #BFE4FF;
}

#gurus #central .Video {
	background-color: #f3f3f3;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
}

#gurus #central .Lighting {
	background-color: #FFFFDF;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
}

#gurus #central .Content {
	background-color: #FBEFFF;
	border-bottom: 1px dotted #F4CFFF;
	border-top: 1px dotted #F4CFFF;
}

#gurus #central .Production {
	background-color: #F1FFEF;
	border-bottom: 1px dotted #B9FFAF;
	border-top: 1px dotted #B9FFAF;
}

#gurus #central .Group {
	background-color: #fafafa;
	border-bottom: 1px dotted #fafafa;
	border-top: 1px dotted #fafafa;
	text-align: center;
}

#gurus #central .TimeBlocks {
	padding: 5px;
}
/* By TIME */

#gurus #central p.classHeader {
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
}

#gurus #central p.classDay {
	font: bold 18px Arial, Helvetica, Geneva, sans-serif;
}

#gurus #central p.classMarker {
	font: bold 13px Arial, Helvetica, Geneva, sans-serif;
}

#gurus #central p.classGroupSession {
	font: bold 13px Arial, Helvetica, Geneva, sans-serif;
}

#gurus #central p.classSubject {
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
}

#gurus #central .classPresenter {
	font: italic 10px Arial, Helvetica, Geneva, sans-serif;
}

#gurus #central .classIcon {
 float: left;
 margin: 14px 10px 10px 5px;
}