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

html {
	height: 100%;		
}
img{
	border:none;
}

body {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2e3740;
	background-color: #7ea700;
	background-image: url(../images/greenbg.png);
	background-repeat: repeat;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	line-height:20px;
}

img, object, embed { max-width: 100%;}

img { height: auto; }

div.centerContent {margin:0; display: block;}
.center {text-align:center;}
.floatLeft {float:left; padding-bottom:10px;}
.floatRight {float:right; padding-bottom:10px;}

/*Pattern switcher*/

.pattern { display: block; position: fixed; right: -135px; bottom: 100px; background-image: url(../images/barsbg.png); width: 130px; height: auto; z-index: 10000; padding: 10px}
.pattern a {float: left; width:32px; height:32px; margin:5px;background-color: #ffffff;}
.pattern img {width:32px; height:32px;}
.patternOn {display:block; position: absolute; top:-32px; left:-38px; background-color: #373e48 !important; float: left; width:32px; height:32px; border:1px solid #212934;}
.patternOff {display: none; position: absolute; top:-32px; left:-38px; background-color: #373e48 !important; float: left; width:32px; height:32px; border:1px solid #212934;}
.pattern span {margin-top:5px; margin-left: -6px;}


/*Login page*/
body.loginPage{
	background-image: url(../images/barsbg.png);
	background-repeat: repeat;
	margin:0;
	border-top:5px solid #7ea700;
	padding:10px;
}
.loginWrapper{
	width:380px;
	height:420px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top: -210px;
	margin-left: -190px;
}
.loginWrapper .logo {
	float: left;
	width:100%;
	height:auto;
	text-align: center;
	padding-bottom:10px;
}
.loginWrapper .logo a {text-decoration:none;}
.loginWrapper .logo img {margin-left:auto; margin-right:auto;}
.loginWrapper .logo span.head {float:left; font-size: 30px; color:#fffdf8; width:100%; text-align:center; margin-top:10px;}
.loginWrapper .logo span.subhead {float:left; font-size: 12px; color:#fffdf8; width:100%; text-align:center;}
.border {
	border:2px solid #7ea700;
	width:390px;
	float: left;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.formWrapper{
	width:280px;
	height:auto;
	border:5px solid #212934;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	float: left;
	background-color:#fff;
	padding: 30px 50px;
}
.formWrapper .forgotten {
	margin-top:5px;
	margin-bottom:3px;
	
}
.formWrapper li {
	border-bottom:none;
	padding: 1px 0;
	height:30px;
	width:100%;
}
.formWrapper li:hover {
	background: #fff;
}



#mainContent{	
	display: block;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	position: relative;
	width:96%;
}

#container {
	background-image: url(../images/barsbg.png);
	background-repeat: repeat;
	width:100%;
	border:1px solid #2c343f;
	border-right:none;
}

#sidebar {
	/*width: 260px;*/
	width:18%;
	float: left;
	position: relative;
	z-index:3;
	height:auto;
	background-image: url(../images/barsbg.png);
	background-repeat: repeat;
	margin-top:100px !important;
}

#content {
	overflow: hidden;
	position:relative;
	background-image: url(../images/contentbg1.png);
	background-repeat: repeat;
	background-color: #FFF;
	border-bottom: solid 5px #7ea700;
	padding-bottom:16px;
}


#SRGridList {
		padding-bottom:0px !important;
		padding-top:10px !important;
}



#mainContent h1.heading { margin-left: 1%; margin-bottom: 16px; margin-top: 20px; line-height:32px; font-family: Amethysta, sans-serif, Tahoma !important;}

#footer {
	width: 100%;
	height:40px;
	position: relative;
	font-style:
	clear:both;
	z-index:2;
	background-image: url(../images/barsbg.png);
	background-repeat: repeat;
}
#footer p {
	line-height:40px;
	text-align: center;
	font-weight: bold;
	margin:0;
	color: #fffdf8;
	font-size: 12px;
	padding-top:0;
}
#sidebar .logo {
	float: left;
	width:100%;
	height:auto;
	text-align: center;
	padding-top:10px;
}
#sidebar .logo a {text-decoration:none;}
#sidebar .logo span.head { float:left; font-size: 30px; color:#fffdf8; width:100%; text-align:center; margin-top:10px;}
#sidebar .logo span.subheader { float:left; font-size: 12px; color:#fffdf8; width:100%; text-align:center;}

/*	links  */
a, a:visited { text-decoration:underline; font: inherit; color: #009ac6; outline: 0; }
a:hover, a:focus { color: #035a73; }
p a, p a:visited { line-height: inherit; }

ul, ol { margin-bottom: 7px; padding-bottom: 3px;}
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 5px 0 10px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 14px; }


/*Checkbox and radio */
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../images/radio.png) no-repeat;
}
.selectStyle {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(../images/select.png) no-repeat;
	overflow: hidden;
}
.checkbox input, .radio input {
	display: none!important;
}
.checkbox input.show,.radio input.show {
	display: inline;
}
.selected {
	background-position: 0 -52px;
}

/* Navigations
================================================== */

#sidebar .navigation {
	float:left;
	margin: 20px 0px 0px 0px;
	background: url(../images/menudivider.png) no-repeat top center;
	width:100%;
}

.mainnav { float: left; position: relative;width:99%;}
.mainnav li {margin:0; display: inline-block; padding: 0; background: url(../images/menudivider.png) no-repeat bottom center ; padding-right:5px; width:98%;}
.mainnav li a {text-decoration: none; color: #fffdf8; font-size:14px; font-weight:400; width:auto;/*width: 258px;*/ display: block; margin-left:0px; margin-bottom: 1px; position: relative;padding: 14px 0px 14px 0px;}
.mainnav .iAvatar a img {border: 1px solid #fdfdf5; float: left; vertical-align:center; margin: -5px 10px 0px 6px;}
.mainnav .iMenu {display: none;}
.mainnav li a.current, .mainnav li a.current:hover {background: url(../images/greenbg.png) repeat; background-color: #7ea700; color: #2e3740; margin-left: -1px;}
.mainnav li a:hover {background: url(../images/greenbg.png) repeat; color: #fff1d7;}
.mainnav li a span.txt {}
.mainnav li ul.sub { display: none; margin:0; padding:0;}
.mainnav li ul.sub.expand { display: block; margin:0; padding:0;}
.mainnav li ul li {float: left; background-image:none;}
.mainnav li ul li a {width:93%; background: url(../images/menuhover.png) repeat; font-size:12px; padding-left:15px;margin-bottom: 0; border-right: 4px solid rgba(255,255,255, 0);}
.mainnav li ul li a span {padding-left: 25px;}
.mainnav li ul li a:hover { border-right: 4px solid #7ea700;}

.mainnav .notification {
	float:right; 
	margin: 10px 10px 0px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #272b31 !important;
	border: 2px solid #1d2126;
	height: 10px;
	line-height: 10px;
	padding: 4px 6px 5px 6px;
	color: #fff;
	font-family: sans-serif;
	font-weight: bold;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
    font-size:11px;
    background-image:none !important;
}

.mainnav .notification1 {
	float:right; 
	-webkit-border-radius: 10px ;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*border: 1px solid #c80a0a;*/
	border: 2px solid #fdfdf5;
	background-color: #f03838 !important;
	height: 10px;
	line-height: 10px;
	padding-left: 6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:5px;	
	color: #fff;
	font-family: sans-serif;
	font-weight: bold;
	box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
    -moz-box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
    -webkit-box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
    font-size:11px !important;
    background-image:none !important;
    position: absolute;
    top:8px;
    right:4px;
    
}

.topNav .notification.read {
    visibility: hidden; /*Uncomment if want menu to not collapse after notification read*/
   /* display: none;*/ /*Uncomment if want menu  to collapse after notification read*/
}


.topArea {
	width: 99%;
	z-index:4;
	background-image: url(../images/barsbg.png);
	background-repeat: repeat;
	display: block;
	border-bottom: solid 5px #7ea700;
	position: relative;
	margin-left: -1px;
	-webkit-box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.2);
   	border-top: 5px solid #7EA700;
	border-right: 5px solid #7EA700;
	margin-top: -10px;
}
.topArea .tSearch {
	float: left;
	height: 40px;
	display:block;
	position: relative;
	margin-top:7px;
}

.topArea .button {display:none;}

.topArea .tSearch .searchBtn {
	background: url(../images/icon_search.png) no-repeat;
	cursor: pointer;
	width:24px;
	height:24px;
	position: absolute;
	top: 7px;
	left: 1px;
	border: none !important;
	display: inline-block;
}

.topArea .tSearch input.topSearch {
	width:200px;
	padding-left: 30px;
	margin-right: 20px;
	margin-top: 5px;
}


.topArea .notificationBar {
	float: right;
	height:40px;
	margin-right:20px;
}

.topNav {
margin-left:10px;
position: relative;
background: url(../images/topnavdivider.png) no-repeat center left;
padding:0;
padding-left:2px;
float: right;
}
.topNav li {float:left;margin:0; padding:0;display: inline-block; background: url(../images/topnavdivider.png) no-repeat center right; position: relative;}
.topNav li a {margin-top: 0px;padding: 12px 10px 12px 0px; height:14px; border-left: 1px solid transparent; border-right: 1px solid transparent; color: #fffdf8; border-top: solid 1px transparent; border-bottom: solid 1px transparent; font-size:11px; margin-right:1px; text-decoration:none; position: relative; float:left;
}
.topNav li a:hover{height: 14px;color: #fffdf8; background: url(../images/menuhover.png) repeat-x; color: #fff1d7;}
.topNav li a.drop, .topNav li a.drop:hover {border-bottom: none; background: url(../images/menuhover.png) repeat; border-top: 1px solid #060000; border-left: 1px solid #060000; border-right: 1px solid #060000; height:16px;}
.topNav li ul li a span.icon {margin-left:-10px;}
.topNav li ul { position: absolute; top:41px; left:2px; margin: 0; padding:0;}
.topNav li ul li { background-image:none;}
.topNav li ul li a {height:auto; width:155px; margin-top:0; font-size:12px; border-bottom: 1px solid #212934; line-height:18px; padding: 10px 10px 8px 10px;}
.topNav li ul li a.lastest {border-bottom:none;}
.topNav li ul li a:hover {background-image: none; border-right: 2px solid #7ea700; color: #fff1d7; height:auto;}
.topNav li .sub {
	display: none;
	z-index:999;
	background: url(../images/menuhover.png) repeat;
	border: 1px solid #060000;
	border-top:none;
	width: 178px; 
	height:auto;
	position: absolute;
	left: 0px;
	float: left;
}
.topNav span.notification {
	float:right; 
	margin: -5px -4px 0px 6px ;
	-webkit-border-radius: 10px ;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*border: 1px solid #c80a0a;*/
	border: 2px solid #fdfdf5;
	height: 10px;
	line-height: 10px;
	padding-left: 6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:5px;
	color: #fff;
	font-family: sans-serif;
	font-weight: bold;
	box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
    -moz-box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
    -webkit-box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
    font-size:11px !important;
    background-image:none !important;
    background-color: #f03838 !important;
}

#customerprofiletab {
	height: 337px;
	margin: 30px auto;
	padding: 80px 15px 0 15px;
	
}

.tabdetailspan, .tabdetailspan, .tabdetailspan {
	display: inline-block;
	margin: 0px 0 0px 2px;
	                 
}

.tabdetail {
	width: 99%;
	padding: 5px 0 0 0;
	float: left;
	display: inline-block;
    height: 240px;
    margin: 0px 0 20px 5px;
}

#customerprofiletab h2 {
	font-weight: lighter;
	font-size: 5em;
	padding: 0;
	margin: 0;
}

#customerprofiletab h2 span {
	background: none;
	padding-left: 5px;
	font-size: .5em;
	vertical-align: top;
}

#customerprofiletab p {
	margin: 0;
	padding: 0;
}



.menunav {
	width: 263px;
	margin: 0 0 0 13px;
	padding: 10px 0;
}
.menunav li {
	width: 175px;
	border-bottom: 1px solid #e7e7e7;
}
.menunav li a, .menunav li a:link, .menunav li a:visited {
	width: 128px;
	display: block;
	font-size: 1.2em;
	color: #5a5a5a;
	padding: 10px 23px;
	
}
.menunav li a:hover {
	color: #0066FF;
	text-decoration: none;
}