/* global */

html{height: 100%;}

body
{ 
	font-family: verdana, arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: .65em;
	background-color:#dcdcdc;
	background-attachment:fixed;
	background-image:url(../App_Images/content_body.jpg) ;
	background-repeat:repeat-x;
	width:100%;
	height:100%;
	
	/* Scroll-bar settings*/
		scrollbar-arrow-color: #c12f00;
		scrollbar-3dlight-color: #CCCCCC;
		scrollbar-darkshadow-color: #CCCCCC;
		scrollbar-face-color: #CDCDD3;
		scrollbar-highlight-color: #E1E5DA;
		scrollbar-shadow-color: #CCCCCC;
		scrollbar-track-color: #EFEFEF;
}

/*---------------------- Common Styles for common Tags ------------------------------*/
h1	{	margin: 2em 0 0;color: #0c6;font-size:150%	}
h2	{	margin: 0px;  padding: 0px 0px 2px 0px;  font-size: 100%;  text-decoration: underline;  font-weight: normal;	}
p	{	margin:0;	padding:0;	line-height: 1.8	}
a	{	color: black;text-decoration:none;	}
img	{	border: 0px;	}

/*---------------------- image positioning - left, right and center ----------------------*/

.left	{	float: left;   padding: 0px 8px 0px 0px;}
.right	{	float: right;  padding: 0px 0px 0px 8px;}

/*----------------------------- Main container -----------------------------*/
#main	{ width: 70%;  margin-left: auto;   margin-right: auto;  }


/*----------------------------- Banner Image ----------------------------------- */

#logo	{	background: url(../App_Images/bg_new.jpg) no-repeat;  color: #53434B;  border-color: #FFFFFF;
			padding: 0px;	 margin-top:0px;  width: 878px;  height: 200px;  }
			
#logoUniv	{	background: url(../App_Images/Uni_bg.jpg) no-repeat;  color: #53434B;  border-color: #FFFFFF;
			padding: 0px;	 margin-top:0px;  width: 878px;  height: 200px;  }			

/*---------------------------- links above the logo -----------------------------*/

#links	{ padding: 0px 2px 3px 2px;  width: 293px;  text-align: left;  height: 38px;  float:right;  border: 0px solid;  position: relative; top: 0px	}

#links a, #links a:hover{text-decoration: none;}

/*-------------------------- Menu Images ----------------------------------------*/
.home			{	font-family: Arial;	font-size: 10px;	font-weight: bold;	color: #FFFFFF;	text-decoration: none;	background-image: url(../App_Images/top_menu1_01.png);
					background-repeat: no-repeat;	margin: 0px;	float: left;	height: 26px;	width: 43px;	padding-top: 15px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 67px;	}	
				
.home:hover		{	font-family: Arial;	font-size: 10px;	font-weight: bold;	color: #ed5400;	text-decoration: none;	background-image: url(../App_Images/top_menu1_01.png);
					background-repeat: no-repeat;	margin: 0px;	float: left;	height: 26px;	width: 43px;	padding-top: 15px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 67px;	}	

.Login			{	font-family: Arial;	font-size: 10px;	font-weight: bold;	color: #FFFFFF;	text-decoration: none;	background-image: url(../App_Images/top_menu1_04.png);
					background-repeat: no-repeat;	margin: 0px;	float: left;	height: 26px;	width: 45px; padding-top: 15px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 27px;		}

.Login:hover	{	font-family: Arial;	font-size: 10px;	font-weight: bold;	color: #ed5400;	text-decoration: none;	background-image: url(../App_Images/top_menu1_04.png);
					background-repeat: no-repeat;	margin: 0px;	float: left;	height: 26px;	width: 45px; padding-top: 15px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 27px;		}

.SiteMap		{	font-family: Arial;	font-size: 10px;	font-weight: bold;	color: #FFFFFF;		text-decoration: none;	background-image: url(../App_Images/top_menu1_03.png);
					background-repeat: no-repeat;	margin: 0px;	float: left;	height: 26px;	width: 84px;	padding-top: 15px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 25px;	}

.SiteMap:hover {	font-family: Arial;	font-size: 10px;	font-weight: bold;	color: #ed5400;	text-decoration: none;	background-image: url(../App_Images/top_menu1_03.png);
					background-repeat: no-repeat;	margin: 0px;	float: left;	height: 26px;	width: 84px;	padding-top: 15px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 25px;	}	

/*--------------------------- Tavigation menu ---------------------------------*/
#Tabmenu	{	height: 27px;	width: 600px;  border-left: 0px solid; }

ul#tabs		{	list-style:none; font-size:10px; margin: 0;	padding: 10px 0;  border-bottom: 1px solid #CCC; font-weight: bold;  text-align: center;	white-space: nowrap	} 

ul#tabs a	{	text-decoration:none;	padding: 0 0 5px 0;  border-bottom: 4px solid #FFF;	color: #999	}
  
ul#tabs li	{	display: inline; margin: 0 3px; padding:0 3px 0 0 ;	} 

ul#tabs a#current	{	border-color: #FF8000;	color:#06F;	letter-spacing:4px;	} 
ul#tabs a:hover		{	border-color: #A52A2A;	color: #FF8000 ; }
	
/* column 1 - contains menu, news, add links and other info */
#column1	{	width: 219px;  float: left;  padding: 15px 15px 15px 0px;	}

#column1 h1	{	padding: 0px 0px 18px 0px;	}

/*------------------------More Links---------------------------*/

.morelinks_top		{	margin: 0px; vertical-align:top;	padding: 0px;	margin-top:0px;	height: 30px;	width: 193px;	background-image: url(../App_Images/morelinks_box_01.png);	background-repeat: no-repeat;	}

.morelinks_area		{	margin: 0px; vertical-align:top;	float: left;	height: auto;	width: 193px;	background-image: url(../App_Images/morelinks_box_02.png);	background-repeat: repeat;
						padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	}

.morelinks_head		{	font-family: Arial;	font-size: 13px;	font-weight: bold;	color:black;	text-decoration: none;	float: left;
						font-family:Corbel;	height: 26px;	width: 100px;	text-transform: capitalize;	padding-top: 7px;	padding-right: 0px;
						padding-bottom: 0px;	padding-left: 10px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 25px;	}

.morelinks_bottom	{	margin: 0px;	padding: 0px;	height: 11px;	width: 193px;	background-image: url(../App_Images/morelinks_box_03.png);	background-repeat: no-repeat;	}

.morelink			{	font-family: Arial;	font-size: 11px;	font-weight: bold;	text-transform: none;	color:#5a8e26;	text-decoration: none;	background-image: url(../App_Images/morelinks_active.png);
						background-repeat: no-repeat;	float: left;	height: 19px;	width: 150px;	padding-top: 3px;	padding-right: 0px;	padding-bottom: 0px;
						padding-left: 17px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 15px;	}
						
.morelink:hover		{	font-family: Arial;	font-size: 11px;	font-weight: bold;	text-transform: none;	color: #c12f00;	text-decoration: none;	background-image: url(../App_Images/morelinks_hover.jpg);
						background-repeat: no-repeat; 	float: left;	height: 19px;	width: 150px;	padding-top: 3px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 14px;	margin-top: 0px;	
						margin-right: 0px;	margin-bottom: 0px;	margin-left: 15px;	}	

/*------------------------ Content Area ----------------------------------------------*/

.left		{	width: 10px;  float: left;  padding: 0px 0px 0px 0px;	}

.leftPan	{	width:690px; margin-bottom:15px; padding: 10px 0px 0px 0px;  height:575px; overflow-y: scroll; background-color:Transparent; color:#6D6D6D;}

.leftPan ul	{	background:url(../App_Images/togel.gif) 0 0 no-repeat; margin:0px; padding-top:10px;}

.leftPan ul.next{background-color:Transparent; height:auto; padding:0; margin-top:30px;}
.leftPan ul.next span {	font-weight:bold;		}
.leftPan ul.next li{ width:auto; height:auto; background :url(../App_Images/buttet2.gif) 0 9px no-repeat #fff;color:#6D6D6D; font-size:11px; font-weight:normal; margin-left:8px; line-height:20px; padding:0 0 0 40px;}

.leftPan ul.inner{background-color:Transparent; height:auto; padding:0; margin-top:0px;}
.leftPan ul.inner li{ width:auto; height:auto; background :url(../App_Images/buttet1.gif)  10px 11px no-repeat #fff; color:#B52A2A; font-size:11px; font-weight:normal; margin-left:15px; line-height:20px; padding:0 0 0 35px;}


.leftPan ul.next li a{height:24px; background:url(../App_Images/buttet1.gif) 0 11px no-repeat #fff; color:#6D6D6D; font-size:12px; font-weight:normal; line-height:24px; text-decoration:none; padding:0 0 0 5px;}
.leftPan ul.next li a:hover{height:24px; background:url(../App_Images/buttet2.gif) 0 11px no-repeat #fff; color:#B88F00; line-height:24px; text-decoration:none;}

.leftPan h2		{	width:auto; height:10px; display:block;  text-decoration:none; color:#A52A2A; font-size:18px; line-height:18px; font-weight:bold; margin:0 0 0 25px; padding:0 0 0 0; text-transform:uppercase;}
.leftPan h2 span{	font-size:12px; line-height:18px; font-weight:bold; background:#fff; color:#0554AD;}

.leftPan h3		{	height:auto; display:block; background:url(../App_Images/icon4.gif) 0 0 no-repeat #fff; color:#3D3D3D; font:18px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0 0 0 0px; padding:0 0 0 0px;}

.leftPan h4		{	height:auto; display:block; background:url(../App_Images/icon1.gif) 0 0 no-repeat #fff; color:#B88F00; font-size:13px; line-height:1px; font-weight:bold; margin:4px 0 0 0px; padding:15px 0 0 2px; text-transform:uppercase;}
.leftPan h4 span{	font-size:12px; line-height:10px; margin:5px 0 0 0px; padding:0px 0 0 0px; font-weight:bold;  color:#0554AD;}

.leftPan h5		{	width:250px; float:right; height:10px; display:block; background:url(../App_Images/icon1.gif) 0 0 no-repeat #fff; color:#B88F00; font-size:11px; line-height:18px; font-weight:bold; margin:0 10px 0 0px; padding:0 0 0 0px; text-align:right; text-transform:uppercase;}
.leftPan h5 span{	text-align:right; font-size:11px; float:right; line-height:18px; font-weight:bold; background:#fff; color:#0554AD;}

.leftPan p					{	padding:20px 13px 0; font-size:11px;	}
.leftPan p span				{	font-weight:bold;		}
.leftPan p span.small		{	font-weight:bold; color:Green;		}
.leftPan p.bottompadding	{	padding:40px 53px;		}


/*----------------------- Footer Panel-----------------------------*/
#footermainPan	{	float:inherit; padding:50px 0px 3px 50px;  text-align: center; width:100%;  color:#212121; position:relative; margin:0 auto; height:133px; clear:both;	}
#footerPan		{	width:100%;text-decoration:none;margin:0 auto;float:right; font:11.5px/14.5px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:15px 0 0;}

#footerPan a:hover {text-decoration:underline; color:#c12f00;}

/*----------------------- Search Paanel ---------------------------*/
	
/*form					{	width:200px; height:96px; background:url(../App_Images/search-bg1.jpg) 5% 0 no-repeat; color:#2B2B2B;}
form.position			{	padding:2px 0 0;}
form input				{	width:100px; height:17px; margin:8px 0 0 14px; float:left;}
form input.button		{	width:40px; height:22px; background:url(../App_Images/button.gif) 0 0 no-repeat #C0C0C0; color:#fff; line-height:22px; margin:8px 0 0 8px; border:none; float:left;}
form input.button:hover	{	background-image:none;background-color:black; cursor:hand;}
form.position h3		{	padding-top:5px;padding-left:10px;}*/

.searchdisplay	{	float:left;	} 
.searchbox h3	{	font-size:14px;   padding-left:10px;	}
.searchbox input{	width:100px; height:15px; margin: 0px 0 5px 14px; }
.searchbox input.button			{	width:32px; height:32px;  background:url(../App_Images/button_01.png) 0 0 no-repeat #C0C0C0; color:#A52A2A; padding-bottom:0px; font-weight:bold; line-height:22px; margin:0px 0 0 8px; border:none;	}
.searchbox input.button:hover	{	background:url(../App_Images/button_02.png); cursor:help;  color:#fff; font-weight:bold; 	}


/*--------------- Statistics Table Style*/
.tblstatistics	{	margin-top:10px;	background: blue; 	border-collapse:separate;\	font-size:11px;	border-spacing: 5pt; }
.tblstatistics TD, TH { background: white; border: outset 2pt;	color: #A52A2A; vertical-align:middle; horizontal-align: right; }
.tblstatistics CAPTION {	border: ridge 5pt blue; color:White;	border-top: ridge 10pt blue; }
.tblstatistics TR.header{color:black;}


/*--------- Form Styles -----------------*/
.button
 {
	border: 1px solid;
	font-size: 12px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
.buttonOn, .button:hover, .button:focus, .buttonOn:focus
 {
	border: 1px solid;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-position: top;
	}
.tableForm
{
	color:#000;
	background-color:#EFEFFB;
	border-color:Red;
	font-size:11px;
	padding-top:30px;
	width:97%;
		
}
.tableFormheader
{
	height:25px;
	width:auto;
	margin-bottom:20px;
	background-color:#FEABDE;
	font-size:medium;
	font-weight:bold;
	color:#FFF;
	border-bottom:3px;
	border-bottom-color:#fff;
	text-align:center;	
	
}
.tableForm td {text-align:left;	padding-left:10px;}

.ddl
{
	font-size: 8pt;
	color: #000;
	font-family:  verdana,arial,san-serif;
	VERTICAL-ALIGN: middle;
	line-height: normal;
	letter-spacing: normal;
	background-color: #FFF;
	text-align: left;
}
.ddl:hover	{	border: #FF8000 solid 1px;	}

.txtBox	{	border: #ADADAD solid 1px;	}
.txtBox:hover	{	border:#FE9A2E solid 1px;	}
.txtreq
{
	font-size: 8pt;
	color: black;
	font-family:  verdana,arial,san-serif;
	VERTICAL-ALIGN: middle;
	line-height: normal;
	letter-spacing: normal;
	background-color: #FFFF80;
	text-align: left;
	border: #ADADAD solid 1px;
	
}
.txtreq:hover	{		border: #FE9A2E solid 1px;	}

.ErrorText
{
	color: Red;
	font-size: 8pt;
	font-weight: bold;
}
/*-----------------------------------------*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
height:300px;
width:500px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
/*-----------------------------------------*/

.somediv{
clear: left;
border: 0px solid gray;
}

.somediv .floatLeftbox{
float: left;
padding-left : 10px;
padding-top : 10px;

}
.somediv .floatRightbox{
float: right;
padding-left : 10px;
padding-top : 10px;

}

* html .somediv p{ /* IE 3px jog hack*/
	height: 1%;
	margin-top: 0;
	margin-left: 1px;
	padding-left : 10px;
	text-align:justify;
}

.somediv p{
margin-top: 0;
margin-left: 1px;
padding-left : 10px;
text-align:justify;
}