/* CSS Document */



body, td, th {
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#ffffff;
}
a {
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
}
a:link {
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration:none;
	color: #333333;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma;
	margin:0px;
}

/** ============================== Element Styling ============================== **/

h1 {
	font-size: 36px;
	color: #3964bc;
	background-color:#e7e5e5
}
h2 {
	font-size: 24px;
	color: #3964bc;
	background-color:#b5b5b5
}
h3 {
	font-size: 18px;
	color: #065cc3;
	background-color:#f2efef
}
h4 {
	font-size: 16px;
	color: #373737;
	background-color:#f2efef
}
h5 {
	font-size: 14px;
	color:#727272;
	background-color:#b5b5b5
}
h6 {
	font-size: 11px;
	color: #000;
	padding-left:10px;
	line-height:20px;
}
hr {
	color:#c0c0c0;
	background-color:#e7e5e5;
	border-bottom-color: #c0c0c0;
}
blockquote {
	color: #000;
	background-image: url(../images/blockquote_bg.gif);
}
img {
	border:none;
	margin:0px;
	padding:0px;
}
panel
{
/*border-color:#92aee0;*/
border-color:#ffffff;
border-width:0px;
}
/* WRAPPER */


.wrapper {
	width:100%;
	height:100%;
}
.clear {
	clear:both;
	margin:0px auto;
}
html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

/* Login */

.loginmainbg{
width:100%;
background: url(../images/login_bg.png) repeat-x left top;
height:373px;
margin:0 auto;
margin-top:100px;



}


.loginform{
background:url(../images/loginscreen_bg.png) no-repeat;
width:533px;
height:373px;
margin:0 auto;

}

.login{
width:370px;
padding-top:120px;
margin:0 auto;

}

/* HEADER */

.header {
	width:94%;
	padding:0px;
	margin:0px;
	position:fixed;
	top:0px;
	background:url(../images/headerbg_rept.png) repeat-x;
}
.logo {
	width:259px;
	padding-top:5px;
	padding-bottom:1px;
	padding-left:5px;
}
/**============================== Main Navigation ==============================**/


.nav {
	padding:0px;
	margin:0px;
	padding-top:0px;
	margin-left:5px;
	
}
#main_nav {
	font-size:1.4em;
	font-weight:bold;
	list-style:none;
	text-transform: uppercase;
	padding:0px;
	margin:0px;

	
}
#main_nav a {
	text-decoration:none;
	float:left;
}
#main_nav li {
	display:inline;
	float:left;
}
#main_nav li a {
	display:block;
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	margin:0px;
	line-height:25px;
	margin-right:2px;
}
#main_nav li a.current {
	margin:0px;
	display:inline-block;
	margin-right:2px;
	padding-left:15px;
	padding-right:15px;
}
/**============================== Sub Navigation ==============================**/

#main_nav li ul {
	position:absolute;
	left:0px;
	top:98px;
	
	
}
#main_nav li ul li {
	text-transform:capitalize;
	list-style: none;
	float: left;
}
#main_nav li ul li a {
	text-decoration: none;
	font-size:10px;
}
#main_nav li ul li a:hover {
	text-decoration: none;
	font-weight:bold;
}
#main_nav li ul li a.current {
	font-weight:bold;
	text-decoration: none;
}
/** ============================== Main Navigation ============================== **/

#main_nav a {
	
	background:url(../images/nav_normal_tab_bg.gif) repeat-x left top;
	color:#fff;
}			/* main navigation link color */
#main_nav a:hover {
	
	background:url(../images/nav_over_tab_bg.gif) repeat-x left top;
	color: #415c26;
}				/* main navigation hover link color */
#main_nav li a.current { 							/* main navigation active link color */
	color:#fff;
	
	background:url(../images/nav_active_tab_bg.gif) repeat-x left top;
}
/** ============================== Sub Navigation ============================== **/

#main_nav li ul li a {
	background: none;
	color: #6c0c02;
} /* Sub navigation link color */
#main_nav li ul li a:hover {
	color: #000;
	text-decoration:none;
	background: url(../images/active_sub_menu_bg.gif) no-repeat center bottom;
}/* Sub navigation hover link color */
#main_nav li ul li a.current {
	background: url(../images/active_sub_menu_bg.gif) no-repeat center bottom; /* Pointer for active link in Sub navigation */
	color:#000;/* Sub navigation active link color */
	border-radius:none;
}
/**Active tab in Navigation**/

#main_nav a {
	border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
}
#main_nav a:hover {
	border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
}
#main_nav li a.current {
	border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
}
/*------ Left Navigation ----*/

.leftnavbg {
	width:240px;
	float:left;
}
/**============================== Top Navi ==============================**/

#topnav {
	color:#640c02;
	padding:6px 10px 10px 10px;
	position:absolute;
	right:0;
	top:0;
	white-space:nowrap;
	font-size:12px;
	text-align:right;
}
#topnav span {
	color:#444;
}
#topnav a {
	color:#065cc3;
	padding:0;
	text-decoration:none;
}
#topnav a.high {
	color:#e41e26;
	text-decoration:none;
}
#topnav a:hover, header#top aside a:hover, #topnav a:focus, header#top aside a:focus, #topnav a:active, header#top aside a:active {
	color:#000;
	text-decoration:none;
}
#topnav small {
	color:#666;
	font-size:11px;
	text-align:right;
}
#topnav img.avatar {
	background:#fff;
	float:right;
	margin:5px 0 0 8px;
	padding:4px;
}
/**============================== Body ==============================**/

#body {
	width:100%;
	/*background:url(../images/bodybg_rept.gif) repeat-x; background-position:top 0px;*/
	margin-top:100px;
	
}
#bradgum {
	width:100%;
	margin:0 auto;
	padding:0px;
	/*padding-top:28px;*/
}
.inner {
	width:100%;
	margin:0 auto;
	padding:0px;
	font-size:11px;
	font-family:Tahoma;
	color:#000;
	height:19px;
	background-color:#f1f7fd;
	border-bottom:#fda55b solid 1px;
}
.inner ul {
	text-align:center;
	padding:0;
	margin:0;
	list-style:none;
	border:0;
}
.inner ul li {
	float:left;
	margin:0px;
	padding:0px;
	border:0;
}
.inner ul li a {
	float:left;
	margin:0px;
	color:#333;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:none;
	line-height:19px;
	padding-right:20px;
}
.inner ul li a:hover {
	color:#fe7200;/*background: url(../images/r_menu.gif) repeat-x right;*/
}
.inner ul li a.active {
	color:#fe7200;/*background:url(../images/r_menu.gif) repeat-x right;*/
}
.bodyinner {
	margin:0 auto;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
}
#sidebar {
	z-index: 10;
	height:100%;
	width: 161px;
	position: fixed;
	top: 100px;
	left:1px;
	float:left;
}
#locationbar {

	height:20px;
	width: 100%;
	left:260px;
	float:right;
	background-color:#f8a563;
	
}
#locationbarfullscreen {
	
	height:20px;
	width: 100%;
	float:right;
	background-color:#d6d4d3;
	border-bottom:#cdcccc solid 1px;
	border-top:#cdcccc solid 1px;
	border-left:#cdcccc solid 1px;
	border-right:#cdcccc solid 1px;
}
#formbar {
	height:100%;
	width:auto;
	margin-left:170px;
	padding:0px 5px 30px 0px;
	background-color:#fff
}

#formbarfullscreen{
	height:100%;
	width:auto;
	margin-left:5px;
	padding:0px 5px 30px 0px;
	background-color:#fff
}
.forminner {
	border:1px solid #cdcccc;
	height:100%;
	
	padding:10px;
}
/**============================== Footer ==============================**/


#footer {
	width:100%;
	background:#f1f7fd;
	height:20px;
	margin:0px;
	position:fixed;
	bottom:0px;
	margin:0 auto;
	line-height:20px;
	text-align:center;
	color:#000;
	font-size:10px;
	border:1px solid #c0dffd;
}
/* Top
---------------------------------------------------------------------*/

a#totop {
	background:#fff;
	bottom:0px;
	display:block;
	font-size:11px;
	opacity:0.9;
	-khtml-opacity: .9;
	-moz-opacity: 0.9;
	padding:3px 6px;
	position:fixed;
	right:1px;
	color:#a40300;
	text-decoration:none;
	cursor:pointer;
}
a#totop:hover, a#totop:focus, a#totop:active {
	color:#fff;
	background:#fba054;
	text-decoration:none;
}
/* Scrolling */



.fixedsize {
	POSITION: relative;
	PADDING: 0px;
	WIDTH: 152px;
	HEIGHT: auto;

}

#test1 {
	position:absolute;
	WIDTH: 160px;
	HEIGHT: 480px;
	TOP:23px;
	LEFT:1px;
	LIST-STYLE-IMAGE: none;
	background:#f1f7fd;

}

#test1 ul {
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	padding:0px;
	DISPLAY: block;
	LIST-STYLE-IMAGE: none;

}
#test1 li {
	BORDER-BOTTOM: #a4a1a1 1px dotted;
	LIST-STYLE-TYPE: none;
	DISPLAY: block;
	FONT-FAMILY: Tahoma;
	LIST-STYLE-IMAGE: none;
	TEXT-DECORATION: none;
	
	
}
#test1 li a {
	COLOR: #fc8a2c;
	DISPLAY: block;
	TEXT-DECORATION: none;
	padding:0px;
	padding-left:23px;
	line-height:14px;
	padding-top:4px;
	padding-bottom:4px;
	font-size:12px;
	font-weight:normal;
	background: url(../images/leftbullet.gif) no-repeat 10px 10px;
	
	
}
#test1 li a:hover {
	COLOR: #465215;
	padding:0px;
	padding-left:23px;
	FONT-WEIGHT:normal;
	DISPLAY: block;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#f8a563;
	
}
#test1 ul li a.selected {
	COLOR: #465215;
	FONT-WEIGHT: bold;
	background-color:#fff;
}

.scrollgeneric {
	POSITION: absolute;
	LINE-HEIGHT: 1px;
	FONT-SIZE: 1px
}
.vscrollerbase {
	WIDTH: 15px;
	TOP: 0px
}
.vscrollerbar {
	WIDTH: 15px;
	TOP: 0px
}
.vscrollerbar {
	LEFT: 0px
}
.hscrollerbase {
	HEIGHT: 15px;
	LEFT: 0px
}
.hscrollerbar {
	HEIGHT: 15px;
	LEFT: 0px
}
.hscrollerbar {
	TOP: 0px
}
.hscrollerbar {
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px
}
.vscrollerbarbeg {
	WIDTH: 6px;
	BACKGROUND:#adbe5a;
	HEIGHT:100%;
	TOP: 0px;
}
.vscrollerbarend {
	WIDTH: 6px;
	BACKGROUND:#bdd36b;
}
.hscrollerbarbeg {
	WIDTH: auto;
	BACKGROUND:#a8bd59;
	HEIGHT: 6px;
	LEFT: 0px
}
.hscrollerbarend {
	WIDTH: 10px;
	BACKGROUND: url(../images/hscroller.png);
	HEIGHT: 15px
}
.vscrollerbase {
	BACKGROUND:#d7e4a0;
	width:7px;
}
.hscrollerbase {
	BACKGROUND:#bcd06f url(../images/scrollbaseback.png);
}
.hscrollerbasebeg {
	BACKGROUND: url(../images/scrollbases.png) no-repeat -22px 0px;
	HEIGHT: 15px;
	TOP: 0px;
	LEFT: 0px
}
.hscrollerbaseend {
	WIDTH: 7px;
	BACKGROUND: url(../images/scrollbases.png) no-repeat;
	HEIGHT: 15px;
	TOP: 0px
}
.vscrollerbasebeg {
	WIDTH: 15px;
	BACKGROUND: url(../images/scrollbases.png) no-repeat -7px -8px;
	TOP: 0px
}
.vscrollerbaseend {
	WIDTH: 15px;
	BACKGROUND: url(../images/scrollbases.png) no-repeat -7px 0px;
	HEIGHT: 7px
}
.grdrow
{
	background: #dbeafa;
}
/* Form styles */

form {
	padding:0px;
	margin:0px;
}

.label{
width:auto;
font-family:Tahoma;
font-size:11px;
vertical-align:middle;
color:#666;
text-align:left;
font-weight:bold;


}

.labellogin{
width:auto;
font-family:Tahoma;
font-size:11px;
vertical-align:middle;
color:#000;
text-align:left;
font-weight:bold;


}

.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.textbox {
	border: #c0c0c0 1px solid;
	background-color: #ffffff;
	font: 12px Tahoma, Verdana, Arial;
	color: #000000;
	height: 18px;
	line-height:16px;
	padding-left: 5px;
	text-align: left;

}
.textboxu {
	border: #c0c0c0 1px solid;
	background-color: #ffffff;
	font: 12px Tahoma, Verdana, Arial;
	color: #000000;
	height: 18px;
	line-height:16px;
	padding-left: 5px;
	text-align: left;
text-transform: uppercase;
}
.textboxlogin {
	border: #7b9ebd 1px solid;
	background-color: #ffffff;
	font: 11px Tahoma, Verdana, Arial;
	color: #000000;
	height: 22px;
	line-height:22px;
	padding-left: 5px;
	text-align: left;

}


.dropdown {
	border: #c0c0c0 1px solid;
	background-color: #ffffff;
	font: 12px Tahoma, Verdana, Arial;
	color: #000000;
	padding-left:5px;
	text-align: left;
	height: 18px;
}


.textarea{
	border: #c0c0c0 1px solid;
	background-color: #ffffff;
	font: 12px Tahoma, Verdana, Arial;
	color: #000000;
	line-height:16px;
	padding-left: 5px;
	text-align: left;
	


}

.gape{
width:20px;
font-family:Tahoma;
font-size:11px;
vertical-align:middle;
color:#000;
text-align:center;


}



.btn1
{
	background: url(../images/64x24_btn.png);
	background-repeat: no-repeat;
	width: 64px;
	height: 24px;
	border: none;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding-bottom:3px;
}
.btn2
{
	background: url(../images/64x24_btn.png);
	background-repeat: no-repeat;
	width: 44px;
	height: 24px;
	border: none;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding-bottom:3px;
}
.btnSMS
{
	background: url(../images/btt.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 24px;
	border: none;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding-bottom:3px;
}

.errormessage{

	font-size: 11px;
	font-family: Tahoma;
	font-weight: normal;
	color: #FF0000;
	text-align: center;
	height:50px;
	vertical-align:top;


}


.loginbtn
{
	background: url(../images/64x24_btn.png);
	background-repeat: no-repeat;
	width: 64px;
	height: 24px;
	border: none;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	color: #333;
	text-align: center;
	line-height:0px;
	padding-bottom:5px;


	
}

.copyrights{
	font-size: 11px;
	font-family: Tahoma;
	font-weight: normal;
	color: #000;
	text-align: center;
	border-top:#CCCCCC dotted 1px;
	line-height:35px;
	margin-top:20px;




}


/*Grid Styles Start here*/


.Gridheading
{
	background-color: #ffe0cd;
	font-family: Tahoma, Verdana;
	font-size: 14px;
	color: #339933;
	font-weight: bold;
	padding: 0px 0px 0px 7px;
	line-height: 22px;
}


.GridViewHeader th
{
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border-right: 1px solid #f8913f;
	border-left: 1px solid #f8913f;
	border-bottom: 1px solid #f8913f;
	border-top: 1px solid #f8913f;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	text-align: left;
	padding: 0px 0px 0px 7px;
	background: #f8a563;
	line-height:20px;
}
.GridViewHeader a:link
{
	color: #555555;
	text-decoration: none;
}
.GridViewHeader a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
.GridViewHeader a:active
{
	color: #FFFFFF;
	text-decoration: none;
}
.GridViewHeader a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.grdrow
{
	background: #dbeafa;
}
.grdpend
{
	background:#8eff87;	
}
.grdsrow
{
	background :orange;
}
.GridViewRow td
{
	border: 1px solid #c8c7c6;
	/*border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;*/
	background: #f1f7fd;
	padding: 3px 3px 3px 6px;
	font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}
.GridViewRow1 td
{
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 3px 3px 3px 6px;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	
	text-align: left;
}
.GridViewRow a:link
{
	color: #555555;
	text-decoration: none;
}
.GridViewRow a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
.GridViewRow a:active
{
	color: #FFFFFF;
	text-decoration: none;
}
.GridViewRow a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.GridViewAltRow td
{
	border: 1px solid #c8c7c6;
	/*border-bottom: 1px solid #bcd06f;
	border-left: 1px solid #bcd06f;
	border-top: 1px solid #bcd06f;*/
	padding: 3px 3px 3px 6px;
	font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333;
	text-align: left;
}
.GridViewAltRow a:link
{
	color: #8A5C00;
	text-decoration: none;
}
.GridViewAltRow a:hover
{
	color: #8A5C00;
	text-decoration: none;
}
.GridViewAltRow a:active
{
	color: #8A5C00;
	text-decoration: none;
}
.GridViewAltRow a:visited
{
	color: #8A5C00;
	text-decoration: none;
}

.GridViewNext
{
	padding: 5px 5px 5px 5px;
	font: italic 12px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	background: #FFFFFF;
}
.GridViewPreNav a:link
{
	color: #8A5C00;
	text-decoration: none;
	margin-left: 25px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background: #fff url(../images/bullet1.gif) no-repeat; /*	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	padding: 3px 3px 3px 6px;
}
.GridViewPreNav a:hover
{
	color: #FF0000;
	text-decoration: underline;
}
.GridViewPreNav a:active
{
	color: #FF0000;
}
.GridViewPreNav a:visited
{
	text-decoration: underline;
}
/*
li bradgud
*/
.libradgum
{
	background-color: #f1f7fd;
	padding-left:20px;
	padding-left: 20px; 
	border-bottom: #b4d6ff solid 1px;
}
/*
li bradgud
*/

/* Tabbed styles */

#gallery div.off {
	color:#000;

	margin-right:2px;
	margin-top:2px;
	padding:5px 15px 5px 15px;
	float:left;
	background:#f3de74;
	cursor:pointer;
	font-family:Tahoma;
	font-weight:bold;
	border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	/*position:relative;
	z-index:20;*/
}
#gallery div.on {
	color:#ffffff;
	padding:5px 15px 5px 15px;
	margin-right:2px;
	margin-top:0px;
	float:left;
	background:#92aee0;
	border-bottom: #92aee0 solid 1px;
	border-left:#92aee0 solid 1px;
	border-right:#92aee0 solid 1px;
	border-top:#92aee0 solid 1px;
	cursor:pointer;
	font-weight:bold;


	border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
/*position:relative;
	z-index:100;*/
}
div.hide {
	display:none;
	width:0;
	overflow:hidden;
}

div.show {
	clear:left;
	background:#fff;
	margin-top:0;
	border:#92aee0 solid 1px;

	

	padding:20px;
/*	position:relative;
	z-index:50;*/
	font:11px verdana, arial, sans-serif;
	line-height:18px;
}




div.show img {
	float:left;
	margin:0 10px 10px 0;
}



/* Tabed styles */

.tab_nav{
	width:100%;



}


.tab_nav ul{
	font-size:1.4em;
	font-weight:bold;
	list-style:none;
	padding:0px;
	margin:0px;
		
}

.tab_nav li {
	display:block;
	float:left;
	margin-right:2px;
	line-height:25px;
	margin-bottom:1px;	
	border-bottom:1px Solid #cfdaa2;
}
.tab_nav li a {
	display:block;
	padding-left:10px;
	padding-right:10px;
	background:#dbe6ad;
	text-decoration:none;
	border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
}
.tab_nav li a:hover {

	display:block;
	color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	background: #92aee0;
	text-decoration:none;
	border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	


}

.tab_nav li a.current {
	margin:0px;
	color:#FFFFFF;
	display:block;
	padding-left:10px;
	padding-right:10px;
	background: #92aee0;
	text-decoration:none;
	border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
}





/* Expand styles */





.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 0px 0;
background:#a8bfe8;
line-height:22px;
padding-left:10px;
font-size:11px;


}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #000;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #fff;
}
