#widget-frame{z-index:10000;}
.widgit-content-wrapper
{
	margin:10px;	
}
.frame-for-small-AD{
	margin:0;
	padding:0;
	vertical-align:top;
	display:block;
	float:left;
	width:124px;	
	margin-left:12px;
	/*margin-left:10px;*/
}
.frame-for-page	/*for bigger AD*/
{
	margin:0;
	padding:0;
	vertical-align:top;
	display:block;
	float:left;
	width:500px;	
	min-height:400px;
		
}

.frame-for-page-with-bigAD
{
	width:510px;float:left;display:block;
	min-height:400px;
}
.frame-for-big-AD
{
	margin:0;
	padding:0;
	vertical-align:top;
	display:block;
	float:left;
	width:165px;	
	margin-left:12px;
		
}

.frame-for-medium-AD{
	margin:0;
	padding:0;
	vertical-align:top;
	display:block;
	float:left;
	width:180px;	
	margin-left:2px;
	
		
}
	
.frame-for-widgets
{
	margin:0;
	padding:0;
	vertical-align:top;
	display:block;
	float:left;
	width:555px;	
	
}

.frame-for-form
{
	margin:0;
	padding:0;
	vertical-align:top;
	display:block;
	float:left;
	width:555px;	
	background:#f5f5f5;	
}

.form-area
{
	margin:10px;	
}
.frame-for-small-widgets{
	margin:0;
	padding:0;
	vertical-align:top;
	display:block;
	float:left;
	width:250px;	

}

.frame-for-medium-widgets{
	margin:0;
	padding:0;
	vertical-align:top;
	display:block;
	float:left;
	width:240px;	
}

.widget-body
{
	margin:5px;	
}

.widget-heading
{
	height:20px;
	font-weight:bold;
	color:#15428b;
	background-color:#e6f4ff;
	font-size:14px;
	line-height:18px;
	margin:0px;
	border:0px;
	border-left:1px solid #d8d8d8;
	border-top:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	padding:3px;
}
.widget-seperator
{
	margin-top:0px;
	line-height:10px;
	/*display:block;height:20px;*/
	
}

.widget-skin
{
	color:#002222;
	border:1px solid #d8d8d8;
	min-height:50px;
	/*background:#e6f4ff;*/	
}


.widget-skin-nb
{
	color:#002222;
	background:#f5f5f5;	
}

.widget-large-container
{
	margin:10px 3px 3px 3px;
	vertical-align:top;
	display:block;
	float:left;border:0px solid red;
	width:490px;	
}

.widget-medium-container
{
	margin:10px 3px 3px 3px;
	vertical-align:top;
	display:block;
	float:left;
	width:240px;	
}
.widget-small-container{
	margin:10px 3px 3px 3px;
	vertical-align:top;
	display:block;
	float:left;
	width:240px;
}


/****** HTML General Settings ******/
p { color: #222222;font: 12px Arial;}
a {text-decoration: none;color: #26437C; cursor:pointer;}
a:hover {text-decoration: underline;}
a img {border: 0;}




h3.plan {
	font: bold 12px Arial;
	color: #810C0A;
	padding: 2px;
	margin: 0 0 5px 0;
	border-top: 0px solid #810C0A;
	background: white;
}


h3.normal {
	font: bold 12px Arial;
	color: #099cff;
	padding: 2px;
	margin: 0 0 5px 0;
	background: #e6f4ff;
	border: 0px solid #810C0A;
}

h3.subtitle-blue
{
	font: bold 14px Arial;
	color: #099cff;
	padding: 2px;
	margin: 0 0 5px 0;
		
}
h3.rnd-feature-heading {
	font: bold 12px Arial;
	color: #099cff;
	padding: 2px;
	margin: 0 0 5px 0;
	/*background: #e6f4ff;*/
	
}

h4 {
	font: bold 12px Verdana;
	color: #26437C;
	margin: 2px 0 2px 0;
}

.listing-title
{
	font: bold 14px Verdana;
	color: #099cff;
	margin: 2px 0 2px 0;
}
	

.h3_header {line-height:23px;font-size:18px;font-weiht:thin;}
.black{color:black;}
#widget-box{ float:left;display:block;margin-top:0px;padding-top:0px; }
.top-align{margin-top:0px;padding-top:0px;}
.label-bold{font-weight:bold;color:#15428b;}	
.bold{font-weight:bold;}
.signup-link{font-size:12px;color:#333;}
.nobg{ background:transparent;border:0px;}
.blue-header{ font-family:Arial; font-size:21px;color:#099cff;}
.dark{ color:#143161; }
.light{ color:#2c76b4; }
.white{color:#fff;}
.darkblue{color:#143161;}
.h2{font:Arial, Helvetica, sans-serif;font-size:21px;font-weight:normal;
line-height:15px;}

.underline
{
	text-decoration: underline;
}

.right
{
	float:right;display:block;
}
.left
{
	float:left;display:block;
}


.clear
{
	clear:both;
}


div.subsection {
display: table; /* Firefox/Safari - doesn't stretch the whole screen */
margin-left: auto;
margin-right: auto;
background: #eeeeee;
padding-bottom: 8px;
}

div.subsection h3 {
display: block;
font: 13px Arial;
padding: 2px 0 2px 5px;
margin: 0;
background: #46639C;
color: white;
margin-bottom: 4px;
border-top: 3px solid #26437C;
border-bottom: 0px solid #26437C;
}

div.subsection h3.other {
display: block;
font: 13px Arial;
padding: 2px 0 2px 5px;
margin: 0;
background: #46639C;
color: white;
margin-bottom: 4px;
border-top: 3px solid #26437C;
}

div#text-header {
position: absolute;
top: 6px;
text-align: right;
width: 756px;
margin: 0;
padding: 0;
}

div.login {
text-align: right;
width: 756px;
}

div.spacer {
padding: 10 0 0 0;
}

div.greybox {
background: #ffffbd;
border-bottom: 0px solid #cccccc;
margin-bottom:10px;
width: 168px;
}

div.greyemph {
border-top: 2px solid #ccc;
border-bottom: 1px dotted #cccccc;
background: #f5f5f5; /*#f2f2f2*/;
margin-bottom: 0;
padding: 10px;
}

<!-- BLUEISH .odd { background-color:#CCCCDD }  -->
.odd { background-color:#fbf8f9;border-bottom:1px dotted #ccc;}
.even { background-color:#fff;border-bottom:1px dotted #ccc; }

.error {
color: red;
}

div.warning {
width:760x;
background: yellow;
border: 1px solid black;
}

.warning p {
padding: 5px;
color: black;
}

div.normal {
width: 700px;
}

div.plan-details p {
margin: 0 0 4px 0;
}

div.normal p {
font: 12px Arial;
}

.centered {
margin-left: auto;
margin-right: auto;
}

.bordered {
border: 1px solid #26437C;
}

table.larger tr td p {
font: 13px Arial;
}

div#side {
float: left;	
width: 275px;
}

div#side-normal {
float: left;	
width: 190px;
}

div#header-bar-red {
font-size:1px;  /* IE sets font size to a minumum of 20px, unless we override! */
height: 10px;
width: 760px;
background: #810C0A;
}

div#header-bar {
font-size:1px;  /* IE sets font size to a minumum of 20px, unless we override! */
height: 18px;
width: 760px;
background: white url("graphics/red-bar-snip.gif") repeat;
}

div#header-bar-half {
font-size:1px;  /* IE sets font size to a minumum of 20px, unless we override! */
height: 13px;
width: 760px;
background: white url("graphics/red-bar-snip-half.gif") repeat;
}

div#left {
position: absolute;
padding: 0px;
top: 170px;
margin: 0 0 0 0;
width: 275px;
}

div#attention {
border: 1px solid black;
position: relative;
top: 0px;
left: 10px;
background: #26437C;
padding: 20 20 20 20;
text-align: left;
align: center;
width: 215px;
}

div #center-normal {
/*margin: 0 0 0 275px; */  /* margin on left side only */
margin: 0;
vertical-align:top;
display:block;
width: 552px;  /* 760 total page width */
float: left;

}


div #t1 {	/* width : * 180 px */
/*margin: 0 0 0 275px; */  /* margin on left side only */
margin: 0;
vertical-align:top;
display:block;
width: 500px;  /* 760 total page width */
float: left;


}

div #body-desc {
	margin: 0;
	padding: 0 0 0 0px;
	display:block;float:left;
}

div.friend-list {
background: #f2f2f2;
border-bottom: 1px solid #cccccc;
}

div.friend p {
font-size: 10px;
word-wrap: break-word;
margin: 3px;
text-align: center;
}

div.what p {
font-size: 12px;
word-wrap: break-word;
margin: 3px;
text-align: center;
}

.att-text {
font: 1.1em Arial;
color: white;
display: block;
}

.fancy {
font: 14px "Courier New", Courier;
display: block;
margin-top: 5px;
}

.choices {
font: 10px Verdana, Helvetica;
}

.panelist {
margin:0 0 10px 15px;
padding:0;
}

.panelist li {
font-family: Arial, Helvetica;
font-size:10px;

color: #777777;
}

.subject {
font: 11px Verdana, Helvetica, "Courier New";
color: #777777;
}

.topic p {
font: 11px Verdana, Helvetica, "Courier New";
color: #222222;
}

.not-read {
color: #810C0A;
font: bold 14px "Courier New", Courier;
}

p.main-desc a {
font: 1.3em Helvetica;
color: #26437C;
}

p.com-time {
border-top:1px dotted #990000;
margin:15px 0 6px 0;
}

div.com-pho {
padding-left:6px;
float:right;
}

h4.com-head {
font: bold 13px Verdana;
border-top: 2px solid #46639C;
}

.more-info {
font-size: 12px;	
}

.desc {
font: 1.0em Verdana;
display: block;
margin-top: 5px;
}

#footer-normal {
border-top: 1px solid #810C0A;
margin-top: 20px;
padding: 0;
}

#footer-normal p {
margin: 2px;
color: #fff;
}

#footer p {
margin: 2px;
color: #fff;
}

#footer-normal p a {
text-decoration: underline;
color: #fff;
}


#footer p a {
text-decoration: underline;
color: #fff;
}

#footer {
clear: both;
border-top: 1px solid #810C0A;
margin-top: 20px;
width: 760px;
}

div#test {
position: relative;
top: 0px;
/*  left: 10px; ##### IE5 doesn't move lists in relative div's correctly... */
width: 245px;
background: #D5D6D0;
}

div#header-bottom {
border-top: 3px solid #810C0A;
margin: 0;
padding: 2;
width: 756px;
text-align: right;
}

div#header-bottom2 {
border-top: 3px solid #26437C;		 
margin: 0;
padding: 2;
width: 756px;
text-align: right;
}

ul#options-menu {
padding: 0;
margin: 0;
}

ul#options-menu li {
display: inline;
padding: 2 0 2 16;
margin: 0 0 0 15;
font: bold 11px Arial;
color: black;
background: white url("graphics/red-apple-icon.jpg") no-repeat;
}

ul#options-menu li a {
color: black;
}

p.profile-option {
padding: 0;
margin: 6px 0 6px 0;
font: bold 12px Arial;
}

.basic-list {
font: 12px Arial;
}

.basic-list li p {
margin: 0;
padding-bottom: 1px;
}

td.subject {
padding-right: 10px;
}

td.feature {
font: 11px Verdana, Helvetica, "Courier New";
color: #777777;
width: 100px;
padding: 0 0 3px 3px;
}

td.value {
color: #222222;
font: 12px Arial;
}

td.plan {
color: #222222;
font: 12px Arial;
width: 300px;
padding: 0 0 3px 3px;
}

td.score {
font: 11px Verdana, Helvetica, "Courier New";
color: #777777;
width: 40px;
padding: 0 0 3px 0;
}

ol.plan {
font: 12px Verdana;
color: #777777;
/*color: #26437C;*/
}

ul.plan {
font: 12px Verdana;
color: #777777;
/*color: #26437C;*/
}

ul.plan p {
padding: 0;
margin: 0 0 4px 0;
}

ol.plan p {
padding: 0;
margin: 0 0 4px 0;
}

h5.plan {
color: #810C0A;
padding: 0;
margin-bottom: 5px;
}

/************************************/
/*			 PAGE TEMPLATE  		*/
/************************************/
body { margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.0em;}
/*.body-solid { background: #cceaff url(../img/global/bg_hpage_solid.jpg) repeat-x;background-position: top;}*/
.body-solid { background: #3a4a70 url(../img/global/bg_hpage_solid.jpg) repeat-x;background-position: top;}

/*.body-gradiant{	background: #fff url(../img/global/bg_hpage.jpg) repeat-x; background-position: top; }*/
.body-gradiant{	background: #3a4a70 url(../img/global/bg_hpage.png) repeat-x; background-position: top; }
#page { margin:0 auto;width:912px;text-align:left;padding:5px 0px 10px 0px;position:relative;}
#header {position:relative;width:100%;height:80px;margin:0 auto;}
#header-inside-page {position:relative;width:100%;height:64px;margin:0 auto;}
.logo-container {float: left;margin-top:0px;margin-left:5px;}
.navigation-container{position:absolute;right:0px;bottom:5px;}
.authentication-container{position:absolute;right:0px;top:0px;}
#footer{position:relative;width:912px;height:25px;padding:3px 0px 0px 0px;border-top: 1px solid #ccc;color: #666;}
.copyright-container{float:left;}
/*.body-solid*/ .copyright-container{float:left;color:#fff;}
.navigation-footer-container{float:right; }
/*.body-solid */
#footer a{color:#fff;}
.navigation-footer-container a {padding-left:15px;color: #06c;text-decoration: none;}
.navigation-footer-container a.hover{color: #06c;text-decoration: none;}

.left-pane-base{
	font-family:Arial;
	font-size:10px;
	}


/************************************/
/*			TOP MENU STYLE	    	*/
/************************************/
#topmenu {float: left;color: gray;z-index:100; height:22px;}
#topmenu ul {list-style: none;margin: 0;padding: 0;width: 8em;float: left; *line-height:22px;}
#topmenu a, #topmenu h2 , #topmenu ul li a
{font-size:120%;font-weight:normal;display: block;color:gray;margin: 0;}
#topmenu a { color: #000;text-decoration: none;}
#topmenu a:hover {color: #06c;}

div#topmenu ul li ul li:hover
{background: silver;}
 
#topmenu ul ul {position: absolute;z-index: 500;background-color:#fff;border:1px solid gray;line-height:20px;padding-left:2px;}
 
#topmenu ul ul ul 
{position: absolute;top: 0;left: 100%;}
 
div#topmenu ul ul,
div#topmenu ul li:hover ul ul,
div#topmenu ul ul li:hover ul ul
{display: none;}
 
div#topmenu ul li:hover ul,
div#topmenu ul ul li:hover ul,
div#topmenu ul ul ul li:hover ul
{display: block;z-index:500;}
.dropdown-indicator{margin-left:5px;}
#topmenu ul ul li a{z-indez:500;}

/************************************/
/*			LEFT MENU STYLE	    	*/
/************************************/
#left-side-pannel{float:left;width:188px;}
#left-side-panel-innerbox{float:left;width:188px;display:block;}
.sub-header{font-size:18px; line-height:18px;font-weight:bold; color:#099cff;}
#left-menu a {display:block;height:16px;padding:5px 0px 3px 5px;}
#left-menu a img{display:block;float:left;width:18px;height:18px;}
#left-menu a div{display:block;float:left;margin-left:10px;line-height:16px;font-weight:bold;cursor:pointer;}
#lm-identity-panel{float:left;display:block;height:40px;margin-top:0px;padding:10px 0px 10px 5px;padding-top:0px;color:#ddd;}
#lm-identity-panel a{color:#ddd;}

/************************************/
/*			 ROUND CORNER STYLE		*/
/************************************/

#roundbox .white-tl {
  background:url(../img/global/tl.png);
}

#roundbox .white-tr {
  background:url(../img/global/tr.png);
}


#roundbox .b {
  background: white ;
}

#roundbox .bl {
  background:url(../img/global/bl.png); ;
}

#roundbox .br {
  background:url(../img/global/br.png); ;
}


#roundbox {
  float:left;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#roundbox .popup {
  position: relative;
}

#roundbox table {
  border-collapse: collapse;
}

#roundbox td {
  border-bottom: 0;
  padding: 0;
}

#roundbox .body {
  *padding: 0px;
  background: #fff;
  /*width: 370px;*/
}

#roundbox .loading {
  text-align: center;
}

#roundbox .image {
  text-align: center;
}

#roundbox img {
  border: 0;
  margin: 0;
}

#roundbox .footer {
  /*border-top: 1px solid #DDDDDD;*/
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#roundbox .white-tl, #roundbox .white-tr, #roundbox .bl, #roundbox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

/************************************/
/*			 HOME PAGE STYLE		*/
/************************************/

#left_slogan_box{width:414px;height:144px;float:left;padding-left:15px;}
#right_slogan_box{	margin-left:10px;	float:left;	width:439px;	height:144px;}
#signin_box{	
width:428px;	height:122px;	float:left;	background-color:#f6c100;padding-left:15px;
*height:107px;
*padding:15px 0px 0px 15px;
}
#search_box{	
	margin-left:16px;	float:left;	width:438px;	height:122px;	background-color:#099cff;	padding-left:15px;
	*height:107px;
	*padding:15px 0px 0px 15px;
}
#signup_table TD{	padding-right:10px;	padding-bottom:5px;}

/*** Dynamic features ***/
#leftmenu-container{float:left;margin-top:12px;width:187px;}
#features-container{	float:left;	margin-top:12px;width:712px;height:100%;}
#features-container-large
{ border:0px solid green;	float:left;display:block;	margin-top:12px;width:912px;	height:100%;}
#feature_list_box{		float:left;	width:450px;height:440px;z-index:500;
*width:442px;}
.feature_list_item{
	display:block;float:left;width:358px;	
}
#dynamic_feature_box{float:left;margin-left:0px;
width:420px;height:400px;border:1px solid #cccccc;background-color:#f6f6f6;
padding-left:10px;padding-right:10px;z-index:-10;
*padding-top:15px;}
.dark-header{	font-size:13px;font-weight:bold;color:#143161;padding-bottom:6px;}
.featured-item-box{	background:#fff;border:1px solid #cccccc;padding:10px;width:400px height:122px;font-size:12px;}
.dyn-item-box{	background:#fff;
float:left;border:1px solid #cccccc;height:50px;
width:418px;}
#teachers-feature, #resources-feature, #tools-feature, #groups-feature
{
	margin-left:10px;
	margin-bottom:0px;
	float:left;
	display:block;
	cursor:pointer;
	height:80px;
	width:439px;
	
}

.feature-hover
{
	background-color:#f6f6f6;
	border-left:1px solid #cccccc;
	border-right:1px solid #f6f6f6;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.search-bar
{
	border:0px solid red;
	display:block;
	width:912px;
	height:37px;
	align:center;
	background:url(/themes/edutone/img/global/bg_searchbar.png) no-repeat;
	
}

#advance_option
{
	margin-left:5px;
	color:black;
	/*font-weight:bold;*/
	z-index:5;
}




/************************/
/*	Notification Alert	*/
/************************/
#email-notification-alert{ width:550px; background:#D4FFBD; border:1px solid #65DD02; }
#login-notification-alert{ float:left;display:block; margin-left:5px; width:542px; background:#EEEEEE; border:2px solid #810C0A }



.content-wrapper{padding:3px; }
.hide{display:none;}
.show{display:block;}



/************************/
/*	Readonly Star Rating*/
/************************/
#readonly_star {float:left;display:block;}
#readonly_star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 90px; HEIGHT: 20px; LEFT: 0px; TOP: -5px; POSITION: relative; float: left; BACKGROUND: url('/media/starrating.gif') repeat-x;  }
#readonly_star li { PADDING: 0;MARGIN: 0;FLOAT: left; DISPLAY: block; WIDTH: 90px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; } /* Star trick for IE7 */
#readonly_star li.curr { BACKGROUND: url('/media/starrating.gif') left 20px; FONT-SIZE: 1px; }
#readonly_star div.user { LEFT: 5px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px; FONT-FAMILY: Arial; COLOR: #888; }