/*
* GENERAL
*/
body{ margin:0px; font-family: Helvetica, sans-serif; background:url(/got/mainbg.jpg) repeat-x right top; background-color: #ffffff; color:#333333;}

P{
font-size: 12px; text-align:justify;
}
P{
font-size: 12px; text-align:justify;
}
h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
}
h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
}
.clear
{
	clear: both;
}

.success
{
	color: green;
	border: 1px solid green;
	margin: 5px;
	padding: 5px;
}

.failure
{
	color: red;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
	background-color:#FFFFFF;	
}

.backlink
{
	font-size: 0.8em;
	margin: 0;
}

ul.links 
{
	list-style: none;
	padding-left: 0;
}

/*
* LAYOUT
*/

h1
{
	width: 800px;
	margin: 10px;
}

div#content
{
	width: 800px;
	margin: 10px;
}

div#member_dash
{
	width: 800px;
	text-align: right;
	font-size: 0.8em;
}


/*
* HEADERS
*/

h1
{
	text-align: center;
	border: 1px dashed black;
}

h2
{
	margin: 0;
}

/*
* FORM STUFF
*/


div.input label
{
	display: block;
	width: 150px;
	float: left;
}
div.input
{
	padding: 5px;
	clear: left;
}
div.input div.error-message
{
	display: inline;
	margin-left: 10px;
	color: red;
}

.eg
{
	font-size: 0.8em;
	color: #666;
}


/*
* LOGIN PAGE
*/

div.login
{
	width: 50%;
}

div.login.teacher
{
	float: left;
}

div.login.student
{
	float: right;
}


/* 
* TABLES
*/

th
{
	text-align: right;
	padding: 5px;
}


/*
* FLICKR STREAM
*/

.flickr {
	text-align: center;
	width: 100%
}

.flickrItem {
	float: left;
	padding: 10px 10px;
	font-size: 0.8em;
	width: 90px;
}

.flickrItem a {
	text-decoration: none;
}

.flickrNotice {
	clear: both;
	text-align: center;
	font-size: 0.8em;
}
/*
* Ashutosh
*/

.centerwhitebg{background-color:#FFFFFF;}

.linkbg{background:url(/got/linkbg.jpg) repeat-x right center; background-color:#f2f5f7;  border-bottom:2px #DAE2E5 solid;}

.link{font-size:10px; color:#2E3192; text-decoration: none; padding:2px 30px 10px 30px; letter-spacing:1px; }
a.link:visited {
	text-decoration: none;
	color: #2E3192;
}
a.link:hover {
	text-decoration: none;
	color: #996600;
}
a.link:active {
	text-decoration: none;
	color: #2E3192;
}

.link1{font-size:10px; color:#2E3192; text-decoration: none; padding:2px 0px 2px 0px; letter-spacing:0px; }
a.link1:hover {
	text-decoration: none;
	color: #996600;
}

.leftwidth{width:170px; background:url(/got/VERTBIO_BRUSHLINE.gif) no-repeat right top; padding:0 50px  0 0;}
.rightwidth{padding:0 60px  0 0;}

.rightwidthcenter{width:150px; padding:0 0 0 25px;}

.linkblue{font-size: 12px;  color:#2E3192; line-height: 24px; text-decoration:none;}
a.linkblue:hover{text-decoration:underline;}



.linkblack{ font-size:11px; color:#333333; text-decoration:none;}
a.linkblack:hover{text-decoration:underline;}

.text {font-size: 12px; line-height: 24px; font-weight:bold; text-align:justify;}
.textred{	font-size: 14px; color: #7E1516; line-height: 24px;	font-weight: bold;}

.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	line-height: 15px;
}
.loginleft{background:url(/got/leftlogin.jpg) no-repeat right top; padding:0 0px  0 0; width:58px; height:78px;}
.loginright{ background:url(/got/loginright.jpg) no-repeat right top; padding:0 8px  0 3px;}

.leftblackbg{background:url(/got/leftblackbar.jpg) repeat-y right top; padding:0 0px  0 0; width:60px; }



.head {
	font-size: 14px; line-height: 24px; font-weight:bold; padding:12px 0px 12px 0px;
	color: #000099;}
	
.h{ background:url(/got/hbg.jpg) repeat-x right top; padding:5px 0  8px 10px; font-size:12px; font-weight:bold; color:#FFFFFF; background-color:#585657;}

.but{ background:url(/got/go.jpg) no-repeat right top; padding:3px 0  4px 0; font-size:12px; font-weight:bold; border:0px; color:#FFFFFF; width:32px; }

.bordertable{background-color:#f7f5f5; border:1px #cccccc solid;}


.links{font-size: 13px;  color:#2E3192; line-height: 24px; text-decoration:none; padding:0 5px 0 0;}
a.links:hover{text-decoration: underline;
	color: #996600;}

.boxtopleft{background:url(/got/boxtopleft.jpg) no-repeat left bottom; padding:0 0px  0 0; width:7px; height:7px; }
.boxbottomleft{background:url(/got/boxbottomleft.jpg) no-repeat left top; padding:0 0px  0 0; width:7px; height:7px; }
.boxtopright{background:url(/got/boxtopright.jpg) no-repeat right bottom; padding:0 0px  0 0;   }
.boxbottomright{background:url(/got/boxbottomright.jpg) no-repeat right top; padding:0 0px  0 0;  }

.boxcenter{border-left:1px #d7e5f2 solid; border-right:1px #d7e5f2 solid; background-color:#eaf1f9; padding:3px 8px 3px 8px;}

.smalltext{font-size:11px;}

.txtphoto{font-size:12px; color:#666666; padding:3px;}
.txt2{font-size:13px; color:#666666; padding:3px;}
.head1 {
	font-size: 13px;  font-weight:bold; padding:8px 0px 5px 5px;
	color: #2E3192; background:url(/got/linkbg.jpg) repeat-x right center; background-color:#f2f5f7;  border-bottom:2px #DAE2E5 solid;}
.heading {
	font-size: 16px;  font-weight:bold; padding:8px 0px 5px 1px;
	color: #333333; }
	
.headingblue {
	font-size: 16px;  font-weight:bold; padding:2px 10px 5px 10px;
	color: #2E3192;  border-right:1px #DAE2E5 solid; border-left:1px #DAE2E5 solid; border-top:1px #DAE2E5 solid;}
.headingborder{border-bottom:1px #DAE2E5 solid; padding:8px 0px 5px 1px;}
	


.tableborder{  border:1px #DAE2E5 solid;  background-color:#f2f5f7;}

.tablecenterpadd{padding:15px 15px 30px 15px;}



.footer{background:url(/got/footerbg.jpg) repeat-x right top; color:#A7A7A7; background-color:#ffffff; font-size:9px; line-height:24px; border-bottom:1px #e8e8e8 solid; }
.footerlink{color: #2E3192;  font-size:12px; text-decoration:none;  font-weight:bold;}
a.footerlink:hover{text-decoration:underline;}

.footerbar{background:url(/got/bottomgrapic.jpg) repeat-x center top; height:90px;}


.textarea {
	font-family: tahoma;
	font-size: 11px;
	color: #666666;
	padding:1px;
	border: 1px solid #adc0c0; outline:2px;}


.textareaSel {
width:150px;
	font-family: tahoma;
	font-size: 11px;
	color: #666666;
	padding:1px;
	border: 1px solid #adc0c0; outline:2px;}
	
input {
	font-family: tahoma;
	font-size: 11px;
	color: #666666;  padding:2px;
	border: 1px solid #adc0c0; outline:2px;}
	
	
	
	.cornerleft{background:url(/got/shadow_01.gif) no-repeat right bottom; width:7px; height:7px;}
.cornerright{background:url(/got/shadow_03.gif) no-repeat left bottom; width:7px; height:7px;}
.cornertop{background:url(/got/shadow_02.gif) repeat-x right bottom; height:7px;}

.corner-left{background:url(/got/shadow_04.gif) repeat-y right top;}
.corner-right{background:url(/got/shadow_06.gif) repeat-y left top; }

.cornerbottomleft{background:url(/got/shadow_07.gif) no-repeat right top; width:7px; height:7px;}
.cornerbottomright{background:url(/got/shadow_09.gif) no-repeat left top; width:7px; height:7px;}
.cornerbottom{background:url(/got/shadow_08.gif) repeat-x right top; height:7px;}
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;

margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
color: #000000;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 1px 1px;
margin-right: 3px;
/*border: 1px solid #778;8*/
color: #000000;
/*background: white url(shade.gif) top left repeat-x;*/
}

.shadetabs li a:visited{
color: #2E3192;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #000000;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
/*background-image: url(shadeactive.gif);*/
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 300px;
/*border-top: 2px solid #D25A0B; Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 0px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 0px 0px;
/*background-color: black; Brown color theme*/ 
/*border-top: 1px solid white;*/
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
/*border-color: #D25A0B; Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
/*border-top: 1px solid navy; navy border*/
/*background: black url(indentbg.gif) center center repeat-x;*/
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 0px;
text-decoration: none;
/*border-right: 1px solid navy; navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 0px; /*shift text down 1px*/
padding-bottom: 0px;
/*background: black url(indentbg2.gif) center center repeat-x;*/
}


.tabcontentstyle{ /*style of tab content oontainer*/
/*border: 1px solid gray;*/
width: 300px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

.txtfild{font-size:11px; color:#666666; padding:3px;}


.headblack {
	font-size: 12px;  font-weight:bold; padding:6px 0px 3px 5px;
	color: #333333; background:url(/got/linkbg.jpg) repeat-x right center; background-color:#f2f5f7;  border-bottom:2px #DAE2E5 solid;}
