@charset "utf-8";
/* CSS Document */

body{
	background-color:#333;
	margin:0px;
}

/* All except ItemPage*/
#wrapper {
	background-color:silver;
  	width: 960px;
	height: auto;
  	margin: 0 auto;
  	margin-top:0;
  	margin_bottom:auto;
  
}
#panel_top{
	background-color:#9E9E9E;
	border-style: solid;
	border-width: 2px;
	border-color:#FF0080;/*Deep Pink*/
	float:left;
	width:100%;
	height:150px;
	margin-bottom:10px;
	padding:5px;
	
}

#panel_middle{
	 position:relative;
	background-color:silver;
	border-style: solid;
	border-width: 2px;
	border-color:#FF0080;/*Deep Pink*/
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;
	padding:5px;
	
}

#calendar {
	margin-left:auto;
	margin-right:auto;
	
}
iframe{
	display:block;
	margin:0 auto;
}
#panel_bottom{
	background-color:#9E9E9E;
	border-style: solid;
	border-width: 2px;
	border-color:#FF0080;/*Deep Pink*/
	float:left;
	font-size:0.8em;
	width:100%;
	height:auto;
	margin-bottom:5px;
	padding:5px;
	
}
#phpheaderbanner{
	background-color:#9E9E9E;
	color:#036/*#0963C6*/;
	height:100px;
	margin-top:0;
	padding:5px;
	font-size:1.75em;
	font-weight: bolder;
	width:80%;
	float:left;
}
	
#banner_1{
	font-size:2.5em;
	font-family:Helvetica, sans-serif;
}

#welcome{
	float:right;
	font-size:0.8em;
	padding:5px
	
}

.bodyhead{
	color:#0963C6;
}

#upperhalf{
	float:left;	
	width:100%;
	padding:0px;
}

#leftcol{
	float:left;	
	width:50%;
	padding:5px;
}


#lowerhalf{
	float:left;	
	width:100%;
	padding:0px;
}
#materials{
	width:100%
	float:left;	
	margin-left:0;
	padding:10px;
	background:#E1E1E1;
}
#enroll_all{
	width:100%
	float:left;	
	margin-bottom:10px;
	padding:5px;
	background:White;
}
#rightcol{
	float:right;
	background-color:#B1E1E1;
	width:45%;
	margin-top: 10px;
	padding:5px;
}
#underrightcol{
	float:right;
	background-color:#9E9E9E;
	width:45%;
	margin-top: 5px;
	padding:5px;
}
#underrightcol2{
	float:right;
	background-color:silver;
	width:45%;
	margin-top: 5px;
	padding:5px;
}
#mysubscriptions{
	padding:1em;
}


.rtcoltable{
	font-size:0.75em
}

.tablist {
    list-style:none; 
    padding:10px; 
    margin:0; 

}
.tablist li {
	height:2em;
    float:left; 
    margin-right:0.13em; 
	 border: 2px solid grey;
	background-color:#92B0C2;
}
.tablist li a {
    display:block;
    padding:0 1em;
    text-decoration:none;
    border:0.06em solid #000;
    border-bottom:0;
    font:bold 0.88em/2em arial,geneva,helvetica,sans-serif;
    color:#000;
    background-color:#ccc;
    /* CSS 3 elements */
    webkit-border-top-right-radius:0.50em;
    -webkit-border-top-left-radius:0.50em;
    -moz-border-radius-topright:0.50em;
    -moz-border-radius-topleft:0.50em;
    border-top-right-radius:0.50em;
    border-top-left-radius:0.50em;
}

.tablist li a:hover {
    background:#92B0C2; 
    color:#fff;
    text-decoration:none;
}

.footer li{
	list-style:none;
    display:inline;
    padding:0 1em;
    /*text-decoration:none;
    border:0.06em solid #000;
    border-bottom:0;
    font:bold 0.88em/2em arial,geneva,helvetica,sans-serif;
    color:#000;
    background-color:#ccc;
   */
}

/* LoginPage and RegisterPage*/
#userinterface {
	margin-left:auto;
	margin-right:auto;
	margin-top: auto;
	margin-bottom:30px;
	width:90%;
	background-color:#E1E1E1;
	vertical-align:center;
	padding:10px;
	
}


table{
	border-collapse:collapse;
	margin:0.5em auto;
	
}

table.ustaad{
	border-collapse:collapse;
	margin:0.5em;
	
}
.content {
	border-collapse:collapse;
	margin:5px;
}

th,td{
	padding:0.35em;
	text-align:center;
	vertical-align:center;
	height:20px;
}

td:not(.cancelleft){
	text-align:left;
}

td.width90
{
	min-width: 90px;
}

th{
	vertical-align:bottom;
}

#price td{
		vertical-align:top;
}

tr:not(.nohover):hover{
	background-color:#9FC4D9;
}

tr.centertext{
	text-align: center;	
}

.centertext{
	text-align:center;
}

.textbold{
	font-weight: bolder; 
}
.textunderlined{
	text-decoration:underline;
}
 
.centertextbold{
	text-align: center;	
	font-weight: bolder; 
}

.textcoloryellow{
	color:yellow;
}
.textcolorbluemed{
	color:#06F;
}
.textcolorbluemedbold{
	color:#06F;
	font-weight: bolder; 
}
.textcolorbrown{
	color:#630;
}
.textcolorgreenlight{
	color:#33F10D
}
.textcolorgreen{
	color:green;
}

.textcolorgray{
	color:#666;
}
.textcolorgraylight{
	color:#CCC;
}
.textcolorgraydark{
	color:#494949
}

.textcoloryellowlight{
	color: #FF9;
}
.textcolororange{
	color:Orange;
}
.textcolorpinkdeep{
	color:#F0F;
}
.textcolorred{
	color:red;
}
.textcolorwhite{
	color:white;
}
.textfontarial{
	font-family: arial; 
}

.textfontsize75em{
	font-size:0.75em;
}

.textfontsize120em{
	font-size:1.20em;
}
.textfontsize120embold{
	font-size:1.20em;
	font-weight: bolder; 
}
.textfontsize150em{
	font-size:1.5em;
}
.textfontsize150embold{
	font-size:1.5em;
	font-weight: bolder; 
}

.textfontsize200em{
	font-size:2em;
}
.textfontsize200embold{
	font-size:2em;
	font-weight: bolder; 
}
.textfontsize30px{
	font-size:30px;
}

.bg_greydark{
	background-color:#707070;
}

.bg_yellow{
	background-color:yellow; 
}

#noipad{
	color:red;
	font-size:0.75em;
	font-weight: normal;
}
#tooltiptargettext{
	font-family: arial; 
	font-size:0.75em;
	color:#06F;
	font-weight: bolder; 
}


.tooltiptargettext{
	font-family: arial; 
	font-size:0.75em;
	color:#06F;
	font-weight: bolder; 
}

 
a.tooltip 
{
	outline:none;
	text-decoration:none;
}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:240px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/