/* @override 
	http://planetoftheweb.com/components/css-default.css
	http://staging.planetoftheweb.com/components/css-default.css
*/
@font-face {
	font-family: Diavlo; src: url("/fonts/diavlomedium.otf") format("opentype");
}

body		{ behavior:url(csshover.htc); width:100%; margin:0px; padding:0px; text-align:center; font-family:"Droid Serif","Cambria", serif; font-size:14px; line-height:16px; color:#FFF; 
	background: #000 url(/images/misc/pow-background.jpg) repeat-x; 
}
a			{ color: #FFF; text-decoration:none; }
a:hover		{ color: #FCC000; text-decoration:underline; } 
a:visited	{ color: #FFCC00; }
img			{ border:0px; }
table 		{ width:600px; border:0;}
td 			{ vertical-align: top; }
.emphasis, strong, b, .message	{ font-weight:bold; 
	color: #b50924; 
	font-size: 115%;
}
.hide		{ display:none; }
.title		{ font-weight:bold; font-family:"Droid Serif","Cambria", serif; color: #FCC000; font-size: 18px; line-height: 20px; margin-top: 20px; margin-bottom: 5px; }
.subtitle	{ color:#FFF; font-weight: bold; font-size:15px; margin-bottom:6px } 
.summary	{ color:#FFF; font-size:13px; margin-bottom:3px }
.link 		{ color:#FCC000; font-size:11px; margin-bottom:6px;}
h 			{ margin:0px; padding:0px; }
.footer		{ text-align: right; } 

.content {text-align:left;}
a span.thetip { position:absolute; display: none }


#contentarea						{ text-align:left; width:1024px; margin:0px auto; position:relative; height: 1024px; border-left: 20px solid #000; border-right: 15px solid #000; background: url(/images/misc/planet.png) no-repeat;
background-color: #000;
}

#contentareatop { margin:0px auto; position:relative; width:1059px; height:17px; 
	background: url(/images/misc/topsiteheadcurves.png) no-repeat 0 bottom; 
	margin-top: 40px;
}

#registrationarea					{ width:200px; padding-left:5px; position:absolute; left:0px; top:0px; font-size: 15px; font-weight: bold;}
#searcharea 						{ padding-left:80px; width:200px; top:0px; left:760px; position:absolute; background-image: url(/images/misc/backgroundtext-search.gif); background-repeat: no-repeat; }
#registrationarea .name				{ font-weight:bold; color:#FCC03A; font-size:14px;}
#flashheader						{ width:1024px; height:70px; position:absolute; top:35px; left:0px;}

.navlist							{ list-style-type: none;  margin: 0; padding: 0; }
.navlist li							{ border-right: 1px dotted #FFF; float:left; margin: 0 5px 0 -5px; padding: 0 5px 0 5px;}
.navhead							{ color:#176376; font-size:16pt; margin-top:-5px; font-weight:bold; float:left; margin-right:10px;} 
.navlist a							{ color:#FFF; text-decoration:none;}
.navlist a:hover					{ color:#FC0; text-decoration:underline;}

#maincontent 						{ width:1024px; position:absolute; top:120px; left:0px;}


.admintable 						{ padding:5px; }
.enelairecell 						{  border-bottom:1px dotted #000; }
.approvedcell 						{ border-bottom:1px dotted #000; }
.unapprovedcell						{ color:#666;  border-bottom:1px dotted #000; } 
#editor-section 					{ display:block; margin-top: 10px; margin-bottom: 5px; color:#666; font-weight:bold; font-size:9px; border-bottom:1px dotted #000; }
.editor-title						{ font-weight: bold; font-size: 16px; color: #003; margin-bottom: 5px; } 
.thumbnail							{ float:left; padding-right:6px; clear:both;}
.individualentry 					{ width:100%; clear: both; }

#plaincontent 			{ background-color:#FFF; color:#000; margin:0px; padding:20px; font-size:13px; position:absolute; top:130px; left:0px; width: 980px;
}
#plaincontent a 		{ color: #053c40; }
#plaincontent a:hover	{ color: #053c40; text-decoration:underline; } 
#plaincontent a:visited	{ color: #053c40; }

#plaincontent .tableheader 				{ color:#FFF; background-color: #036; padding:3px; font-weight:bold; border-bottom:1px dotted #000; }
#plaincontent .tableheader a 				{ color:#FFF; background-color: #036; padding:3px; font-weight:bold; border-bottom:1px dotted #000; } 
#plaincontent .tableheader a:link 		{ color:#FFF; background-color: #036; padding:3px; font-weight:bold; border-bottom:1px dotted #000; } 
#plaincontent .tableheader a:visited 		{ color:#FFF; background-color: #036; padding:3px; font-weight:bold; border-bottom:1px dotted #000; }


.bottomitemheader								{ height:25px;}
.bottomitemheader h1							{ display:none; }
.bottomitemcontentarea 							{  }
.bottomitemsinglehighlightarea 					{ margin-top:5px; width:295px; height:215px; overflow:auto;}
.bottomitemsinglehighlightarea .content ul 		{ margin: 0; padding: 0 0 0 0; list-style-type: none;} 
.bottomitemsinglehighlightarea .content li 		{ clear:both;}
.bottomitemsinglehighlightarea .content a		{ display: block; padding-right:5px; padding-left:15px; padding-top:10px; padding-bottom:10px; }
.bottomitemsinglehighlightarea .content a:hover	{ display: block; text-decoration:none;}
.bottomitemthumbnail 							{ padding-right:0px;}
.bottomitemfooter 								{ margin-top: 5px; margin-right:10px; text-align:right; position:relative; clear:both;} 
.bottomitemfooter a								{ color:#FFF; font-weight:bold;}


.thelink 				{ display:block; background:#FFF;}
.thelink:hover			{ background:#EEE;}
.clearall				{ clear:both; }



#page-Feedback .content  { padding-left:225px; padding-right:225px; padding-top:20px; padding-bottom:50px;}
#page-Podcast #channel ul li { overflow:visible;}
#page-Podcast #channel #sidebar  a { padding:10px; }
#page-Podcast #channel #sidebar  a:hover { text-decoration:none; display:inline;}

input:focus, textarea:focus,select:focus { background-color: #eee }
select { width:140px; }

.headline {font-size:24px; color:#176376; font-weight:bold;}


.pagelist .content	{ background-color: white; margin-top: 65px; padding: 20px; color:#000; border-top: dashed #000 1px; border-bottom: dashed #000 1px; font-size:14px;}
.pagelist .content	a { color: #176376; text-decoration:none; }
.pagelist .content	a:hover { color: #176376; text-decoration:underline; }
.pagelist .content	a:visited { color: #176376; }



#page-listusers .content,
#page-grades .content { background-color: white; margin-top: 65px; padding: 20px; color:#000; border-top: dashed #000 1px; border-bottom: dashed #000 1px; font-size:14px;}



#page-listusers .content a,
#page-grades .content a
{ color: #176376; text-decoration:none; }

#page-listusers .content a:hover,
#page-grades .content a:hover
{ color: #176376; text-decoration:underline; } 

#page-listusers .content a:visited,
#page-grades .content a:visited
{ color: #176376; }

.column {	float:left; margin-right:20px;	}


.onecolumn .content { position: absolute; top: 130px; background-color: white; margin-top: 10px; padding: 20px; color:#000; border-top: dashed #000 1px; border-bottom: dashed #000 1px; font-size:14px; }


.onecolumn .content a			{ color: #B12325; text-decoration:underline; }
.onecolumn .content a:hover		{ color: #DD7D3F; text-decoration:none; } 
.onecolumn .content a:visited	{ color: #254c14; }

#twitter_div li { width:200px; overflow:hidden; padding-left:10px; padding-right:10px; padding-bottom:10px;}
#twitter_div li a { color:#Fcc03a;}


#navigation { position:absolute; top:105px; right:0px; width:1024px; height:25px; font-family:arial;font-size:11px; font-weight: bold; background-image:url(/images/navigation/background-navigation.png); clear:both; z-index:999;}
#navigation ul { margin:0; padding: 0; }
#navigation li { float:left; position:relative; list-style-type:none; border-right: 1px solid #333; }
#navigation li:hover { text-align: left; }
#navigation li .highlight { background-image: url(/images/navigation/background-navigation-red.png);}
#navigation li .highlight a:hover { background-image: url(/images/navigation/background-navigation-reverse-red.png);}
#navigation a { color: #FFF; display:block; padding:5px 10px; text-decoration:none;}
#navigation a:hover { color: #FFF; background-image: url(/images/navigation/background-navigation-reverse.png);}
#navigation li .highlight { color: #FFF; background-image: url(/images/navigation/background-navigation-red.png);}
#navigation li .highlight a:hover { color: #FFF; background-image: url(/images/navigation/background-navigation-reverse-red.png);}
#navigation li .special { color: #FFF; background-image: url(/images/navigation/background-navigation-gold.png);}
#navigation li .special a:hover { color: #FFF; background-image: url(/images/navigation/background-navigation-reverse-gold.png);}
#navigation ul li ul li a:hover {background-image: none; background-color: #999;}
#navigation ul li ul { margin:0; position:absolute; width:210px; left:-1px; }
#navigation ul li ul li { width:100%; background-color: #666; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; padding:0 0 1px; }
#navigation ul li ul li:first-child { border-top:1px solid #000; }
#navigation ul li ul { display:none;}
#navigation ul li:hover ul { display:block; color: #DDD; }
#navigation ul li ul li ul  { visibility:hidden; top:-1px; left:210px; }
* html #navigation ul li ul li ul  { margin-left:19px; }
#navigation ul li ul li:hover ul { visibility:visible; }
#navigation ul li ul li:hover ul li ul { display:none; }
#navigation ul li ul li ul li:hover ul { display:block; }
* html #navigation ul { float:left; border-left:1px solid #000; margin-left:15px; }
* html  #navigation ul li ul { border-top:1px solid #000; border-left:0px;  }
* html  #navigation ul li ul li ul { left:210px; voice-family: "\"}\""; voice-family:inherit; left:10em; }

.small {font-size:9px; line-height:9px;}

#page-Dashboard h4 {border-top: 1px solid #000;}
#page-Dashboard h4 .duedate {font-size:12px; color:#4598cc}

#gallery 	{ clear:both; width:760px; }
#videoarea {width:198px; float:left; border: 1px solid #111;
	background-image: url(/images/template/filmstrip.png); 
}
#photoarea {width:560px; float:left;}

.mediaitem	{ width:180px; height:300px; float:left; }
.mediaitem h2  { width:150px; color:#FFF; margin-bottom:5px; margin-top:10px; text-align:left;}
.mediaitem .thumnail {text-align:left;}
.mediaitem .description {width:150px; text-align:left; line-height: 14px; }


#pagecontent .code { 
	width: 600px;
	font-size: 11px;
	border: 1px dotted #106fe9; 
	color: #32387f; 
	background-color: #d0ece9;
	padding: 5px; 
	white-space: pre-wrap; 
	overflow: auto;
}


		.mydefaulttable {
			width: 100%;
			font: 12px Arial;
			border-collapse: collapse;
		}

		.mydefaulttable thead th {
		text-align: center;
			background-color: #ADD8E6;
			border: 1px solid #888;
			color: #2F4F4F;
		}

		.mydefaulttable tbody th {
			background-color: #2F4F4F;
			color: #FFF;
			border: 1px solid #888;
			border-bottom: 1px solid #9;
		}

		.mydefaulttable tbody td {
			border-bottom: 1px solid #888;
			border-right: 1px solid #888;
		}

		.mydefaulttable caption {
			text-align: right;
			font-size: 18px; 
			font-weight: bold;
			color: #2F4F4F;
		}

		.mydefaulttable tfoot {
			background-color:#d4e6d9;
			border: 1px solid #d4e6d9;
			border-bottom: 3px solid #000;
		}

		.mydefaulttable tfoot ol {
			margin: 0px;
		}

		.mydefaulttable tfoot ol li {
			text-decoration: none;
			padding-bottom: 5px;
			font-size: 10px; 
		}

		
		.mydefaulttable th, .mydefaulttable td {
			padding:5px;
		}
		
		.mydefaulttable tbody th {
			border-right: 2px solid #000;
		}
		.mydefaulttable tbody td {
			text-align: center;		
		}

.googlead-leaderboard-top { 
	position:absolute; left:0px; top:132px;		text-align: center;
	background-color: #222;
	width: 1024px;
	height: 105px;
	padding-top: 11px;
	float: left;
}


.googlead-leaderboard-bottom { 
	padding-top: 25px;
	padding-bottom: 15px;
	text-align: center;
	background-color: #4d0026;
	width: 1024px;;
	float: left;
}

#include-youtubevideos {
	clear: both;
}

#include-youtubevideos ul {
	margin: 0px;
	padding: 0px;
}

#include-youtubevideos ul li {
	list-style: none;
	display: block;
	float: left;
}

#include-youtubevideos ul li img {
	width: 77px;
	margin-right: 3px;
	margin-bottom: 3px;
}

.group:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}