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

/*body{background:#003b61; padding:0px; margin:0px; font-family:"Trebuchet MS"; font-size:12px; color:#454545;}*/
/*body{background:#003b61; padding:0px; margin:0px; font-family:"Trebuchet MS"; font-size:11px; color:#454545;}*/
<!--body{background:#FFFFFF; padding:0px; margin:0px; font-family:"Trebuchet MS"; font-size:11px; color:#454545;}-->
<!--Modified on Packiyaraj Modified date 28-1-2012-->

body{background:#FFFFFF; padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;   font-size:11px; color:#454545;}
a{text-decoration:underline; color:#ff7e00;}
a:hover{text-decoration:none;}
#header{width:100%; float:left;}
.header-content{width:950px; margin:0 auto; font-size:30px; padding:10px 0px; font-weight:bold; margin-left:25px;}
.header-content img{vertical-align:middle;}
/*.logo{color:#ff9600; font-size:24px;text-shadow:0px 1px 1px #000; float:left;}*/
/*.logo{color:#91caff; font-size:24px;text-shadow:0px 1px 1px #000; float:left;}*/
.logo{color:#8f1413; font-size:24px; float:left;}
/*.user-name{float:right;color:#fff; font-size:12px;text-shadow:0px 1px 1px #000; padding-top:15px;}*/
.user-name{float:right;color:#004f81; font-size:12px; padding-top:15px;}

/*.product-name{float:right; margin:10px 0 0 10px; color:#fff; font-size:24px;text-shadow:0px 1px 1px #000; border-left:1px dotted #fff; padding-left:10px; }*/
.product-name{float:right; margin:10px 0 0 10px; color:#004f81; font-size:24px; border-left:1px dotted #004f81; padding-left:10px; }
/*.spantext{ color:#ff9600;}*/
.spantext{ color:#8f1413;}
.user-name img{vertical-align:middle;}
.user-name a{margin:0 5px;}
.login-content{width:400px; margin:0px auto; clear:both; padding-top:70px;}
.form-box{clear:both; padding:0px;text-shadow:0px 1px 1px #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
/*.form-box td{ padding:10px 10px; line-height:20px;}*/
.form-box td{ padding:0px 3px; line-height:16px;}
.shaddow{background:url(../images/shaddow.png) no-repeat; width:450px; height:59px; margin:0 auto;}
/*.textbox{background:url(../images/textbox-bg.jpg) top repeat-x #FFFFFF; border:1px solid #b9b9b9; padding:1px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:115px; }*/
.textbox{ font-family:"Trebuchet MS"; font-size:11px; color:#454545; border:1px solid #b9b9b9; padding:1px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:90%; }

.textbox-large{ font-family:"Trebuchet MS"; font-size:11px; color:#454545; border:1px solid #b9b9b9; padding:1px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:300px; }

.textbox-active{border:1px solid #f77f09;}
.medium{width:250px;}
.large{width:350px;}
/*.button{background:url(../images/small-button.jpg) repeat-x; padding:2px 5px; border:1px solid #7fbad9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#295a7b; text-shadow:0px 1px 1px #fff; cursor:pointer;font-size:11px;}*/

.button{background-color:#CEEBFD; padding:2px 5px; border:1px solid #7fbad9; color:#295a7b; cursor:pointer;font-size:11px; font-weight:bold;}
.button-orrange{background:url(../images/orrange-button.jpg) repeat-x; padding:2px 5px; border:1px solid #df9200; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#6a4100; text-shadow:0px 1px 1px #f8b954; cursor:pointer;font-size:11px;}
.button-big{background:url(../images/buttonbig-bg.jpg) repeat-x top; padding:4px 8px; border:1px solid #da910d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#6a4100; text-shadow:0px 1px 1px #f8b954; cursor:pointer;font-size:12px; font-weight:bold;}
.signin{float:right;}

.add-button{background:url(../images/add-button.png) no-repeat; border:0px; height:23px; width:51px; }
.save-button{background:url(../images/save-button.png) no-repeat; border:0px; height:23px; width:55px; }
.delete-button{background:url(../images/delete-button.png) no-repeat; border:0px; height:23px; width:65px; }
.reset-button{background:url(../images/reset-button.png) no-repeat; border:0px; height:23px; width:63px; }
.back-button{background:url(../images/back-button.png) no-repeat; border:0px; height:23px; width:55px; }
.search-button{background:url(../images/search-button.png) no-repeat; border:0px; height:23px; width:68px; }
.display-all-button{background:url(../images/display-all-button.png) no-repeat; border:0px; height:23px; width:86px; }
.calendar-button{background:url(../images/calendar.png) no-repeat; border:0px; height:16px; width:15px; }


.div-bg{background:url(../images/div-bg.jpg) repeat-x; height:2px; margin:5px 0;}
h2{padding:0px; margin:0px; font-weight:normal;}
h2 img{vertical-align:middle;}
#footer{width:100%; float:left;}
/*.footer-content{width:1000px; padding:10px 0; color:#86b1cd;text-shadow:0px 1px 1px #000; }*/
.footer-content{width:1000px; padding:10px 0; color:#004f81; font-weight:bold; }
.required{color:#cc0000; padding-left:2px;}
.left{float:left;}
.right{float:right;}

#content{width:980px; float:left; clear:both; padding:10px 10px; background:#eceaea; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#left-panel{width:200px; float:left; padding:0px 0px; margin:0px 10px 0 0;}
#right-content{float:left; width:745px; background:#004f81; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:12px 12px;}
#right-content h2{color:#FFFFFF; text-shadow: 0 1px 1px #000000; padding-bottom:10px;}

.menu{background:url(../images/menu-bg.jpg) repeat-x; width:950px; margin:0 auto; padding:2px 10px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;}
.menu a{color:#FFFFFF; text-shadow: 0 1px 1px #000000; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:11px; margin:0 25px;}
.menu a:hover{color:#b2ebff; text-shadow: 0 1px 1px #000; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:11px; margin:0 25px;}
.menu img{vertical-align:middle;}


.menu-my{background:url(../images/menu-bg.jpg) repeat-x; width:950px; margin:0 auto; padding:2px 10px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;}
.menu-my a{color:#FFFFFF; text-shadow: 0 1px 1px #000000; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:11px; margin:0 16px;}
.menu-my a:hover{color:#b2ebff; text-shadow: 0 1px 1px #000; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:11px; margin:0 16px;}
.menu-my img{vertical-align:middle;}


.menu-ru{background:url(../images/menu-bg.jpg) repeat-x; width:950px; margin:0 auto; padding:2px 10px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;}
.menu-ru a{color:#FFFFFF; text-shadow: 0 1px 1px #000000; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:11px; margin:0 16px;}
.menu-ru a:hover{color:#b2ebff; text-shadow: 0 1px 1px #000; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:11px; margin:0 16px;}
.menu-ru img{vertical-align:middle;}





.accordionButton {	
	width: 190px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: url(../images/left-menu-bg.jpg) repeat-x;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding:5px 5px;
	color:#FFFFFF; text-shadow: 0 1px 1px #000000;
	font-weight:bold;
	 -webkit-border-radius:5px 5px; -moz-border-radius:5px 5px; border-radius:5px 5px;
	}
	
.accordionContent {	
width: 200px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	padding:0px;
	}
.accordionContent ul{padding:0px; margin:0px; list-style:none;float: left; clear:both;width: 200px;}
.accordionContent ul li{padding:4px 5px;float: left; clear:both;width: 190px;background: url(../images/li-menu-bg.jpg) repeat-x;-webkit-border-radius:5px 5px; -moz-border-radius:5px 5px; border-radius:5px 5px; margin:0px;}
.accordionContent ul li a{width:100%;float: left; color:#424242; text-shadow: 0 1px 1px #fff; text-decoration:none;}
.accordionContent ul li:hover{ background:#f6f5f5;}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: url(../images/select-menu.jpg) repeat-x;
	color:#553100; text-shadow: 0 1px 1px #ffbc55; border:1px solid #e09300;
	}
	
.over {
	background: url(../images/select-menu.jpg) repeat-x;
	color:#553100; text-shadow: 0 1px 1px #ffbc55;
	
	}
.inner-formbox{width:450px; margin:20px auto;}
.search-box{margin:0px auto; padding:0;}
.search-textbox{width:220px; padding:5px 8px;}
.welcome-box{width:700px; margin:10px auto 20px auto; padding:8px 15px; font-size:18px;}
.black{color:#000000;}
.welcome-rightlink{float:right;}
.welcome-rightlink img{vertical-align:middle;}
.welcome-rightlink a{text-decoration:none; color:#ff6600;}
.welcome-rightlink a:hover{text-decoration:none; color:#878787;}

#mytable {
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
	font-size: 11px;
	/*border: 1px solid #c8c8c8;*/
	padding:0px;
}

#mytable th {
	background: url(../images/table-headbg.jpg) repeat-x #cdcdcd;
	color: #333;
	font-weight: bold;
	padding: 5px 5px;
	text-align: left;
	line-height: 1.2;
}

#mytable td {
	border-bottom: 0px solid #c8c8c8;
	background:#eaeaea;
	padding: 1px 5px;
}

#mytable td * {
	padding: 2px 11px;
}

#mytable tr.alt td {
	background: #ffffff;
}

#mytable tr.over td,#mytable tr:hover td {
	background: #f9f9f9;
}
#mytable td.pagination{background:#FFFFFF;}
#mytable td.pagination a{background:#ebebeb; padding:1px 5px; text-decoration:none;-webkit-border-radius:2px 2px; -moz-border-radius:2px 2px; border-radius:2px 2px; color:#666666; border:1px solid #a5a5a5; margin:2px 2px;}
#mytable td.pagination a:hover{background:#FFFFFF; color:#000000;}
#mytable td.pagination a.select{background:#FFFFFF; color:#000000;}
#home{width:750px; float:left; padding:10px 10px; background-color:#04436b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#home ul{float:left; width:750px; margin-left:0px;}
#home li{float:left; margin:30px 30px; text-align:center; list-style:none;}
#home li a{text-decoration:none; color:#FFFFFF; text-shadow: 0 1px 1px #000; font-size:18px; text-transform:uppercase;}
#home li a:hover{color:#ff9600; text-shadow:0px 1px 1px #000;}
a {outline:none;}


.comment_box
{
background-color:#D3E7F5; border-bottom:#ffffff 1px; padding:5px 3px;
}


.comment_box td
{
background-color:#D3E7F5; border-bottom:#ffffff 1px solid; line-height:20px;
}

.no-border td {
border:none;
}
#tabs {
/*font-size: 90%;*/
}
#tabs ul {
float: left;
width: 500px;
padding: 4px 0px 0px 0px;
margin:0px;
}
#tabs li {
margin-right:5px;
list-style: none;
-webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;
background:url(../images/table-headbg.jpg) repeat-x;
line-height: 0.6;
padding:0px 0px;
}
#tabs li, #tabs li a {
float: left;
}
#tabs ul li.active {
background:url(../images/tab-bg.jpg) repeat-x top #df8411;

}
#tabs ul li.active a {
color: #333333;
}
#tabs div {
background:#c0dcf1;
clear: both;
padding: 0px;
min-height: 10px;
}
#tabs div h3 {
margin-bottom: 12px;
}
#tabs div p {
line-height: 150%;
}
#tabs ul li a {
text-decoration: none;
padding: 8px 15px;
color: #000;
font-weight: bold;
}
.thumbs {
float:left;
border:#000 solid 1px;
margin-bottom:20px;
margin-right:20px;
}


.title{font-weight:bold; color:#FFFFFF; background-color:#3E82AD; text-transform:uppercase; text-shadow:none}
.sub-title{font-weight:bold; color:#FFFFFF; background-color:#3E82AD; text-shadow:none}
.details-sub-title{font-weight:bold; color:#FFFFFF !important; background-color:#3E82AD; text-shadow:none}
.title-lowercase{font-weight:bold; background-color:#d7d7d7; }
.title-lowercase a{ text-decoration:none; color:#454545;}

#my-form {
    border: 1px solid #3E82AD;
    border-collapse: collapse;
    font-size: 1.1em;
    margin: 3px 0;
}
#my-form th {
    color: #333;
    font-weight: bold;
    padding: 3px;
    text-align: left;
}
#my-form td {
   /* border: 1px solid #3E82AD;*/
    padding: 3px;
}
#my-form td * {
    padding: 3px;
}


#my-form table.gridtable {
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #3E82AD;
	border-collapse: collapse;
}
#my-form table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #3E82AD;
	background-color: #DFEDFA;
}
#my-form table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #3E82AD;
	background-color: #ffffff;
	padding:5px;
}
#space_reister {
    width: 750px;
    height: auto;
    overflow: scroll;
}