/*********************
	HTML Elements
*********************/
@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
*
{
	margin: 0;
	padding: 0;
}
/*img, div, a
{
	behavior: url(css/iepngfix.htc);
}*/
body
{
	font-size: 13px;
	font-family: "Open Sans"; font-weight: 400; color:#4e4c4d;
	
}
a, a:visited
{
	text-decoration: none;
}
img
{
	border: 0;
	margin: 1px;
}
p
{
	padding: 3px;
}
h2
{
}
input
{
	padding: 5px;
}
select
{
	padding: 2px;
}
/*********************
	Structure
*********************/
#container
{
	/*width: 970px;*/
	/*width: 1100px;*/
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#header
{
	width: 100%; padding:9px 0px 7px 0px; float:left;
}
#header h2
{
	margin-top: 20px;
}
#content
{
	/*width: 950px;*/
	width:100%;
	float: left;
	margin: 3px 0 3px 0;
	padding: 0px;
}
#sidebar
{
	background: #FFF;
	width: 170px;
	float: right;
	margin: 10px 0 10px 0;
	padding: 10px;
}
#footer
{
	clear: both;
	padding: 10px;
	margin-top: 10px;
}
#box h3
{
	padding: 5px 5px 5px 10px;
	font-size: 18px;
}
#gridhead
{
	float: left;
	width: 65%;
}
#gridheadmain
{
	width: 100%;
	display: table;
	background: #f3f9ff;
	border-bottom: 1px solid #d9e6f0;
}
#gridheadbutton
{
	width: 35%;
	float: left;
}
/*********************
	Sidebar
*********************/
#sidebar ul
{
	list-style: none;
	line-height: 22px;
}
#sidebar ul li a, #sidebar ul li a:visited
{
	padding-left: 19px;
	text-decoration: none;
	margin: 0 3px;
	display: block;
}
#sidebar ul li a:hover
{
	text-decoration: underline;
}
#sidebar ul li ul
{
	margin-left: 10px;
}
#sidebar h3
{
	padding: 2px;
	font-size: 14px;
}
/*********************
  TopMenu, Top-Panel
*********************/
#topmenu
{
	margin-top: 2px;
	width: 100%;
	float: left;
}
#topmenu ul
{
	list-style: none;
	line-height: 25px;
}
#topmenu li
{
	display: flex; float:left;
	
}
#topmenu a, #topmenu a:visited
{
	padding: 6px 20px 6px 20px !important; border-right: 1px solid #375A90;
	text-decoration: none; float:left;
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited
{
	padding: 5px 20px 5px 20px;
	font-weight: bold;
	border-top: 0px solid #375A90; border-right: 1px solid #375A90; float:left;
}
#top-panel
{
	background: #FFF;
	
	height: 20px;
	float: left;
	/*width: 962px;*/
	 padding: 4px 0;
    width: 100%;
}
#top-panel ul
{
	list-style: none;
}
#top-panel ul li
{
	display: inline;
	line-height: 20px;
}
#top-panel ul li a
{
	padding-left: 19px;
	text-decoration: none;
	margin: 0 6px;
	display: inline-block;
}
#top-panel a:hover
{
	text-decoration: underline;
}
/*********************
		Other
*********************/
.a-right
{
	text-align: right;
}
.a-left
{
	text-align: left;
}
.a-center
{
	text-align: center;
}
#pager
{
	margin: 5px;
	height: 25px; background:#009BDB; color:#FFF; padding:5px; font-size:13px;
}
#pagermain
{
	width: 100%;
	display: table;
}
#pagerbutton
{
	width: 10%;
	float: left;
	margin: 5px;
}
#styleswitcher
{
	float: right;
}
#styleswitcher ul
{
	list-style: none;
	line-height: 10px;
}
#styleswitcher li
{
	height: 12px;
	display: inline;
}
#footer ul
{
	list-style: none;
}
#footer li
{
	display: inline;
}
a#defswitch
{
	width: 15px;
	height: 10px;
	margin: 3px 0 3px 0;
	background-color: #bd3f09;
	font-size: 8px;
	color: #bd3f09;
	display: inline-block;
}
a#blueswitch
{
	width: 15px;
	height: 10px;
	margin: 3px 0 3px 0;
	background-color: #375b91;
	font-size: 8px;
	color: #375b91;
	display: inline-block;
}
a#greenswitch
{
	width: 15px;
	height: 10px;
	margin: 3px 0 3px 0;
	background-color: #d0e0b8;
	font-size: 8px;
	color: #d0e0b8;
	display: inline-block;
}
a#brownswitch
{
	width: 15px;
	height: 10px;
	margin: 3px 0 3px 0;
	background-color: #654322;
	font-size: 8px;
	color: #654322;
	display: inline-block;
}
a#mixswitch
{
	width: 15px;
	height: 10px;

	margin: 3px 0 3px 0;
	background-color: #294145;
	font-size: 8px;
	color: #294145;
	display: inline-block;
}
#credits
{
	clear: both;
	width: 100%;
	float: left;
}
/*********************
		Tables
*********************/
table
{
	margin: 5px;
	border-collapse: collapse;
	table-layout: automatic;
	width: 98%;
}
td, th
{
	padding: 4px;
}
thead
{
}
/*********************
		Home
*********************/
#infowrap li
{
	display: inline:;
}
#infobox
{
	width: 365px;
	float: left;
	margin-top: 10px;
}
#infobox h3
{
	padding: 5px;
	font-size: 14px;
}
.margin-left
{
	margin-left: 5px;
}
#rightnow .reallynow
{
	padding: 5px;
	font-size: 14px;
}
#rightnow h3
{
	padding: 2px;
	padding: 0 10px;
	font-size: 14px;
}
#rightnow .reallynow span
{
	display: block;
	text-align: left;
	float: left;
	padding: 0 2px;
	font-size: 14px;
}
#rightnow .reallynow a
{
	text-decoration: none;
	display: block;
	text-align: right;
	float: right;
	padding: 0 0 0 18px;
	margin-left: 4px;
	font-weight: normal;
	font-size: 12px;
}
#rightnow .reallynow a:hover
{
	text-decoration: underline;
}
#rightnow .youhave
{
	font-size: 12px;
	padding: 10px;
}
#rightnow a
{
	font-weight: bold;
}
/*********************
		Forms
*********************/
form
{
	padding: 10px 0px 10px 0px;
	margin: 0 auto; float:left; width:100%;
}
form#form fieldset
{
	display: block;
	padding: 5px 10px 5px 10px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
form#form legend
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px;
	width: 254px;
	padding-left: 10px;
}
form#form label
{
	clear: left; /*display:block;*/ /*float:left; 	width:130px;*/
	text-align: right; /*padding-right:10px;*/
	margin-bottom: 5px; font-size:13px; /*line-height:36px;*/
}
form#form input
{
	padding: 4px;
	margin-bottom: 5px;
}
/*form#form select {
	margin-left:5px;
}*/
form#form textarea
{
	padding: 5px;
	overflow: auto;
}
form#form option
{
	background: #FFF;
}
form#form optgroup option
{
}
form#form #button1, form#form #button2
{
	padding-right: 5px;
	cursor: pointer;
/*	width: 205px;*/
	margin-left: 8px;
	font-weight: bold;
}
form#form #button1:hover, form#form #button2:hover
{
	background-position: center left;
}
.controlsinglecolumngroup
{
	width: 100%;
	float: left;
	line-height: 20px;
	margin-bottom:5px;
}
.controltwocolumngroup
{
	width: 50%;
	float: left;
	line-height: 20px;
	margin-bottom:5px;
}

.controlthreecolumngroup
{
	width: 33%;
	float: left;
	line-height: 20px;
	margin-bottom:5px;
}
.display-label
{
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	margin-bottom: 5px;
	padding-right: 5px;
	font-size: 13px;
/*	line-height:36px;*/
	vertical-align:middle;
}
.display-label-fixed
{
	display: block;
	float: left;
	width: 145px;
	text-align: right;
	margin-bottom: 5px;
	padding-right: 5px;
	font-size: 13px;
/*	line-height:36px;*/
	vertical-align:middle;
}
.display-label-right
{
	display: block;
	float: left;
	width: 127px;
	text-align: right;
	margin-bottom: 5px;
	padding-right: 5px;
	font-size: 13px;
/*	line-height:36px;*/
}
.display-label-nowidth
{
	display: block;
	float: left;	
	text-align: right;
	margin-bottom: 5px;
	padding-right: 5px;
	font-size: 1.1em;
}
.display-label-nowidth-fixed
{
	display: block;
	float: left;	
	text-align: right;
	margin-bottom: 5px;
	padding-left: 12px;
	font-size: 13px;
}
.display-singlecolumnfield
{
	width: 86% !important;
	float: left;
}

.display-field
{
	width: 63% !important;
	float: left;
}
.display-fieldfull
{
	width: 83% !important;
	float: left;
}
.display-fieldfixed30
{
	width: 30% !important;
	float: left;
}
.chzn-select
{
	width: 68% !important;
	float: left;
}
.display-fieldfixed
{
	width: 100px !important;
	padding: 3px;
}
.display-dropdown
{
	height: 27px;
    margin-left: 0;
    width: 66%;

}
.display-dropdown30
{
	margin-left: 0px;
	width: 30%;
}
.display-dropdownsingle
{
	margin-left: 0px;
	width: 87%;
}
.display-dropdownnote
{
	margin-left: 0px;
	width: 87%;
}
/*********************
	Icons
*********************/
.icon
{
	padding-left: 19px;
	text-decoration: none;
	height: 20px;
	font-size: 12x;
	margin: 0 3px;
	display: inline-block;
	line-height: 20px;
}
.user
{
	background: transparent url('../../../Content/Images/icons/user.png') no-repeat left;
}
.useradd
{
	background: transparent url('../../../Content/Images/icons/user_add.png') no-repeat left;
}
.group
{
	background: transparent url('../../../Content/Images/icons/group.png') no-repeat left;
}
.search
{
	background: transparent url('../../../Content/Images/icons/magnifier.png') no-repeat left;
}
.online
{
	background: transparent url('../../../Content/Images/icons/world.png') no-repeat left;
}
.pagenew
{
	background: transparent url('../../../Content/Images/icons/page_add.png') no-repeat left;
}
.rss
{
	background: transparent url('../../../Content/Images/icons/rss.png') no-repeat left;
}
.feed
{
	background: transparent url('../../../Content/Images/icons/feed.png') no-repeat left;
}
.report
{
	background: transparent url('../../../Images/icons/icons/report.png') no-repeat left;
}
.house
{
	background: transparent url('../../../Content/Images/icons/house.png') no-repeat left;
}
.manage
{
	background: transparent url('../../../Content/Images/icons/cog.png') no-repeat left;
}
.manage_page
{
	background: transparent url('../../../Content/Images/icons/page_gear.png') no-repeat left;
}
.folder
{
	background: transparent url('../../../Content/Images/icons/folder.png') no-repeat left;
}
.promotions
{
	background: transparent url('../../../Content/Images/icons/coins.png') no-repeat left;
}
.cart
{
	background: transparent url('../../../Content/Images/icons/cart.png') no-repeat left;
}
.folder_table
{
	background: transparent url('../../../Content/Images/icons/folder_page.png') no-repeat left;
}
.shipping
{
	background: transparent url('../../../Content/Images/icons/car.png') no-repeat left;
}
.invoices
{
	background: transparent url('../../../Content/Images/icons/page_white_text_width.png') no-repeat left;
}
.addorder
{
	background: transparent url('../../../Content/Images/icons/folder_page_add.png') no-repeat left;
}
.add
{
	background: transparent url('../../../Content/Images/icons/add.png') no-repeat left;
}
.app_add
{
	background: transparent url('../../../Content/Images/icons/application_add.png') no-repeat left;
}
.report_seo
{
	background: transparent url('../../../Content/Images/icons/report_link.png') no-repeat left;
}
.modules
{
	background: transparent url('../../../Content/Images/icons/bricks.png') no-repeat left;
}
.modules_manage
{
	background: transparent url('../../../Content/Images/icons/bricks_gear.png') no-repeat left;
}

.client_active
{
	background: transparent url('../../../Content/Images/icons/page_white_text_width.png') no-repeat left;
}
.client_inactive
{
	background: transparent url('../../../Content/Images/icons/page_white_text_width.png') no-repeat left;
}
.client_all
{
	background: transparent url('../../../Content/Images/icons/page_white_text_width.png') no-repeat left;
}






/****************
Added by Jignesh
****************/
.grid-search
{
	background: #fff url('../../../Content/Images/chosen-sprite.png') no-repeat 100% -22px;
	background: url('../../../Content/Images/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
	background: url('../../../Content/Images/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
	background: url('../../../Content/Images/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
	background: url('../../../Content/Images/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
	background: url('../../../Content/Images/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
	background: url('../../../Content/Images/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
}
.tblselected
{
	background-color: #fff; font-size:12px;
	
}
.tblselected:hover
{
	background-color: #fff;
}
.tblselectedhover
{
	background-color: #CECEF6;
}
.grid-overflow
{
	overflow: auto;
	height: 600px;
	float: left;
	width: 100%;
}
.pagerotationimg
{
	position: relative;
	top: 5px;
}
.btnaddnewrecord
{	
	background: none repeat scroll 0 0 #4e4c4d;
	color: #FFFFFF;
    cursor: pointer;
    float: left;
    margin: 3px 0 3px 7px;
    width: 43%;
    padding:4px;
}
.btnexportexcel{
	
	background: none repeat scroll 0 0 #4e4c4d;
	  color: #FFFFFF;
    cursor: pointer;
    float: left;
    margin: 3px 0 3px 7px;    
    padding:4px;
    width: 40%;
}
.btnaddnewrecord:hover{background:#009BDB;}
.btnexportexcel:hover{background:#009BDB;}
.validationsummary
{
	padding-left: 20px;
	padding-bottom: 10px;
	color: Red;
}
.btnadddetailrecord
{
	float: right;
	margin-right: 13px;
	cursor: pointer;
}
.detaillink
{
	color: #4E4C4D !important;
	text-decoration: underline;
}
.attachmentlink
{
	color: #4E4C4D !important;
	text-decoration: underline;
}
.textinput
{
	margin-bottom: 5px;
	padding: 4px;
	background: url("../Images/icons/form_blue.gif") repeat-x scroll left top #FFFFFF;
	border: 1px solid #D9E6F0;
}
.textwidth150
{
	width: 150px;
}

/* Notification css*/

.alert-box1
{
	color: #555;
	border-radius: 1px;
	padding: 5px 5px;
	margin: 5px;
	display: table;
}
.alert-box
{
	color: #555;
	border-radius: 10px;
	padding: 2px 36px;
	margin: 10px;
}
.alert-box span
{
	font-weight: bold;
	text-transform: uppercase;
}
.error
{
	background: #ffecec url('../Images/icons/error.png') no-repeat 10px 50%;
	border: 1px solid #f5aca6;
	color: Red;
}
.success
{
	background: #e9ffd9 url('../Images/icons/success.png') no-repeat 10px 50%;
	border: 1px solid #a6ca8a;
}
.warning
{
	background: #fff8c4 url('../Images/icons/warning.png') no-repeat 10px 50%;
	border: 1px solid #f2c779;
}
.notice
{
	background: #e3f7fc url('../Images/icons/notice.png') no-repeat 10px 50%;
	border: 1px solid #8ed9f6;
}
.errorList
{
	margin-top:5px;
	margin-bottom:5px;
	font-size:1.1em;
}
.errorList ul li
{
	margin: 0 5px;
	padding: 2px 35px;
	background: #ffecec url(../Images/icons/error.png) no-repeat 10px 50%;
	list-style: none outside none;
	color: Red; font-size:12px;
}

/* End Notification css*/
.label
{
	background-color: #999999;
	color: #FFFFFF;
	display: inline-block;
	line-height: 10px;
	padding: 2px 4px;
}

.label-active
{
	background-color: #3CC051;
}
.label-inactive
{
	background-color: #FF6464;
}

.lableW150
{
	width: 180px;
}
.lableW250
{
	width: 250px;
}
.cursorpointer
{
	cursor: pointer;
	width: 70px;
}
.display-singlecolumntextarea
{
	width: 86% !important;
	float: left;
	margin-bottom: 5px;
	padding: 2px; /*background: url("../Images/icons/form_blue.gif") repeat-x scroll left top #FFFFFF;*/
	border: 1px solid #D9E6F0;
	height: 200px;
}
.notediv
{
	width: 100%;
	float: left;
	line-height: 20px;
	margin-bottom: 5px;
}
.textboxerror
{
	background-image: url("../Images/icons/error.png");
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 15px;
	margin-right: 106px;
	margin-top: 3px;
	width: 15px;
	cursor: pointer;
	position: relative;
}
.tooltip
{
	background: url("../Images/icons/error.png") no-repeat scroll 2px 50% #FFECEC;
	border-radius: 5px;
	color: #FF0000;
	opacity: 0;
	padding-left: 20px;
	position: absolute;
	top: -2px;
	transition: opacity 0.5s ease 0s;
	width: 100px;
}

.textboxerror:hover .tooltip
{
	opacity: 1;
}

.divloading
{
	background-image: url("../Images/icons/130.GIF");
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
	float: right;
	height: 15px;
	margin-right: 0px;
	margin-top: 3px;
	width: 15px;
	position: relative;
}
.iconedit
{
	
	background-image: url('../Images/icons/icons-color16.png');
	display: block;
	float: left;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	background-position: 191px -113px;
	border: 1px solid;
	cursor: pointer;
}

.iconmail
{
	background-image: url(../Images/icons/icons-color16.png);
background-position: 176px -98px;
	display: block;
	float: left;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	border: 1px solid;
	cursor: pointer;
}
.iconview
{
	background-image: url(../Images/icons/icons-color16.png);
	background-position: 95px -113px;
	display: block;
	float: left;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	border: 1px solid;
	cursor: pointer;
}
.icondelete
{
	background-image: url(../Images/icons/icons-color16.png);
	background-position: 79px -97px;
	display: block;
	float: left;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	border: 1px solid;
	cursor: pointer;
}
.icondocview
{
	background-image: url(../Images/icons/icons-color16.png);
	background-position: 240px -97px;
	display: block;
	float: left;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	border: 1px solid;
	cursor: pointer;
}
.iconhistoryview
{
	background-image: url(../Images/icons/icons-color16.png);
	background-position: 191px -98px;
	display: block;
	float: left;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	border: 1px solid;
	cursor: pointer;
}
.iconlogin
{
	background-image: url(../Images/icons/icons-color16.png);
	background-position: 144px -128px;
	display: block;
	float: left;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	border: 1px solid;
	cursor: pointer;
}
.iconlogout
{
	background-image: url(../Images/icons/icons-color16.png);
	 background-position: 256px -176px;
	display: block;
	float: left;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	border: 1px solid;
	cursor: pointer;
}
.iconlogoutsystem
{
	background-image: url(../Images/icons/icons-color16.png);
	 background-position: 256px -176px;
	display: block;
	float: left;
	height: 15px;
	
	width: 15px;
	position: relative;
	margin-top:7px;
	margin-right:3px;
	cursor: pointer;
}
.btntooltip
{
	background: none no-repeat scroll 2px 50% #000000;
	border-radius: 5px;
	color: #FFFFFF;
	opacity: 0;
	padding: 2px 5px;
	position: relative;
	top: 15px;
	width: 100%;
}
.icondoc
{
	background-image: url(../Images/icons/icons-color16.png);
  background-position: 224px -97px;
	display: block;
	float: left;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	border: 1px solid;
	cursor: pointer;
}
.iconedit:hover .btntooltip
{
	opacity: 1;
}
.iconview:hover .btntooltip
{
	opacity: 1;
}
.icondelete:hover .btntooltip
{
	opacity: 1;
}
.messageClose
{
    float:right;
    cursor:pointer;
}

/* toggle menu*/
.dropdown_container {width: 200px;}
.dropdown {width: 200px; height: 22px; background-color:#009BDB; color: #fff; padding: 5px 0 5px 10px}
.dropdown_menu {color:#000; background: #fff; width: 210px; margin: 0px auto 0 auto; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; position: absolute}
.dropdown_menu ul {list-style: none; }
.dropdown_menu ul li {display: block; margin: 0; padding: 5px 0 5px 10px;}
	
.dropdown_menu ul li:hover {background: #a1e4ff; }
.userNameDisplay
{
	float:right;
	margin-top: 20px;
}
	
.iconDownError
{
	background-image: url(../Images/icons/icons-color16.png);
	 background-position: 190px -16px;
	display: block;
	float: right;
	height: 15px;
	margin-right: 5px;
	margin-top:3px;
	width: 15px;
	position: relative;
	
	cursor: pointer;
}
.iconUserlogout
{
	background-image: url(../Images/icons/icons-color16.png);
	 background-position: 255px -177px;
	display: block;
	float: left;
	height: 15px;
	width: 15px;
	position: relative;
	cursor: pointer;
	margin:3px 6px 0 0;
}
input[type="text"] {border:1px solid #d9e6f0; background:#fff;}
input[type="text"]:hover {border:1px solid #009bdb;}
input[type="text"]:focus {border:1px solid #009bdb;}

textarea {border:1px solid #d9e6f0; background:#fff; resize:none;}
textarea:hover {border:1px solid #009bdb;}
textarea:focus {border:1px solid #009bdb;}

select {border:1px solid #d9e6f0; background:#fff; padding:2px; }
select:hover {border:1px solid #009bdb;}
select:focus {border:1px solid #009bdb;}
select:focus option {border-bottom:1px solid #d9e6f0; border-right:1px solid #d9e6f0;}

input[type="submit"] {border:1px solid #d9e6f0; background:#4e4c4d !important; color:#FFF !important;}
input[type="submit"]:hover {border:1px solid #009bdb; background:#009bdb !important; color:#FFF !important;}

input[type="button"] {border:1px solid #d9e6f0; background:#4e4c4d !important; color:#FFF !important;}
input[type="button"]:hover {border:1px solid #009bdb; background:#009bdb !important; color:#FFF !important;}

input[type="checkbox"] {margin:5px 0; padding:0 !important; height:15px; width:15px; border:0;}
/*Added by Jignesh for popup textbox*/
.popupinputtext
{
	margin-bottom: 5px;
	padding: 4px;
}
.trfontsize
{
    font-size: 12px;
}





/* ---------- MENU ---------- */
ul#nav {
	list-style-type: none;
}

	ul#nav > li {
		float: left;
		margin-right: 0.312em; /* 5/16 */
		position: relative;
	}
		ul#nav li:first-child { margin-left: 0; }
		ul#nav li:hover ul { left: 0; /* On hover, we make the submenu visible again */ }	
		/* Persistent hover state, exactly the same style as the inner anchor on hover (.dark:hover) */
		ul#nav li:hover a {
			background-color: #5d6677;
			color: white;
		}
		
	ul#nav li.v-sep {
		border-right: 1px solid #3f4551;
		margin-right: 0.625em; /* 10/16 */
		padding-right: 0.625em; /* 10/16 */
	}
	
	ul#nav li ul {
		list-style-type: none;
		position: absolute;
		z-index: 999;
		margin-top: -2px;
		left: -9999px;
	}
		ul#nav li ul li a
{
    color: white;
  padding: 4px 69px 10px 15px;
    border-top: 1px solid #6a7282;
    
    display: block;
    width: 66%;
    white-space: nowrap;
}
			ul#nav li ul li:last-child a {
				border-bottom-right-radius: 0.3125em; /* 5/16 */
				border-bottom-left-radius: 0.3125em; /* 5/16 */
				-moz-border-bottom-right-radius: 0.3125em; /* 5/16 */
				-moz-border-bottom-left-radius: 0.3125em; /* 5/16 */
				-webkit-border-bottom-right-radius: 0.3125em; /* 5/16 */
				-webkit-border-bottom-left-radius: 0.3125em; /* 5/16 */
			}

			ul#nav li ul li a:hover { background-color: #7a8497; }
			


.Test
{
    background-color: #1A2151;
}
.DashboardTableHead
{
	background: url('../../../Content/Images/secondary_bar.png')  repeat-x scroll 0 0 #F1F1F4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 38px;
    width: 100%;
}
.tdwithoutborder
{
	border: 0px solid #D9E6F0;
}


.fixdRow
{
 background: none repeat scroll 0 0 #A1E4FF;
    border: 1px solid #D9E6F0;
    position:fixed;
    display:table;
}

.iconSorting
{
	
	background-image: url('../Images/icons/icons-color16.png');
	display: block;
	float: right;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	background-position: 127px 0;
	
	
}
.iconDesc
{
	
	background-image: url('../Images/icons/icons-color16.png');
	display: block;
	float: right;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	background-position: 190px 0;
	
	
}
.iconAsc
{
	
	background-image: url('../Images/icons/icons-color16.png');
	display: block;
	float: right;
	height: 15px;
	margin-left: 5px;
	width: 15px;
	position: relative;
	background-position: 255px 0;
	
	
}

.iconMail {
    background-image: url("../Images/icons/icons-color16.png");
    background-position: 176px -98px;
    border: 1px solid;
    cursor: pointer;
    display: block;
    float: left;
    height: 15px;
    margin-left: 5px;
    position: relative;
    width: 15px;
}
.spanWarning
{
    background-color:#fff8c4;
       padding: 3px;
}
.pull-right
{
    float:right;
}

.well {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
.top-block{
font-size:14px;
text-align: center;
padding: 5px;
margin-bottom:10px;
font-weight:bold;
position: relative;
display: block;
line-height: 22px;
/*text-shadow: 0 0 1px #DDD;*/
text-decoration:none;
-webkit-box-shadow: inset 0 0 0 1px #FAFAFA;
-moz-box-shadow: inset 0 0 0 1px #FAFAFA;
/*box-shadow: inset 0 0 0 1px #FAFAFA;*/
background: -moz-linear-gradient(top,  rgba(30,87,153,0.2) 0%, rgba(125,185,232,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.2)), color-stop(100%,rgba(125,185,232,0)));
background: -webkit-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
background: -o-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
background: -ms-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
background: linear-gradient(to bottom,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#331e5799', endColorstr='#007db9e8',GradientType=0 );*/
}

.top-block span{
clear:both;
}


.top-block:hover{
text-decoration:none;
}

.notification {
display: block;
position: absolute;
top: -10px;
right: -5px;
line-height: 16px;
height: 16px;
padding: 0 5px;
font-family: Arial, sans-serif;
color: white !important;
text-shadow: 0 1px 
hsla(0, 0%, 0%, 0.25);
border-width: 1px;
border-style: solid;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: 0 1px 1px 
hsla(0, 0%, 0%, 0.08), inset 0 1px 
hsla(0, 100%, 100%, 0.3);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
box-shadow: 0 1px 1px 
hsla(0, 0%, 0%, 0.08), inset 0 1px 
hsla(0, 100%, 100%, 0.3);
}

.notification {
border-color: #2FABE9;
background-color: #67C2EF;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%)));
background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
}

.notification.green {
border-color: 	#5AAD34;
background-color: 	#78CD51;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 	hsl(101, 54%, 71%)), color-stop(100%, 	hsl(101, 55%, 56%)));
background-image: -webkit-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
background-image: -moz-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
background-image: -ms-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
background-image: -o-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
background-image: linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
}

.notification.yellow {
border-color: #F4A506;
background-color: #FABB3D;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%)));
background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
}


.icon32.icon-red, .icons-red .icon32 {
    background-image: url(../../style/images/opa-icons-red32.png);    
}
.active .icon32.icon-user, .icon32.icon-user, .icon32.icon-user:hover {
    background-position: -32px -160px;
}
.icon-task {
    background-position: -127px -160px;
}
.icon-job {
    background-position: -352px -223px;
}
.icon-billing
{
    background-position: -449px -193px;
}
.top-block span {
    clear: both;
}
.icon32 {
    background-image: url(../../style/images/opa-icons-gray32.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    vertical-align: text-top;
    width: 32px;
}
.icon32.icon-color, .icons-color .icon32, .active .icon32 {
    background-image:url(../../style/images/opa-icons-color32.png);
    
}
.active .icon32.icon-envelope-closed, .icon32.icon-envelope-closed, .icon32.icon-envelope-closed:hover {
    background-position: -96px -224px;
}
.icon32.icon-color, .icons-color .icon32, .active .icon32 {
    background-image: url(../../style/images/opa-icons-color32.png);    
}
.active .icon32.icon-cart, .icon32.icon-cart, .icon32.icon-cart:hover {
    background-position: -256px -256px;
}

.panel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    border-color: rgba(0, 0, 0, 0);
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 1px 1px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
	background:#FFF;
}
.panel-default {
    border-color: #DFE2E4 #DFE2E4 #BDC3C7;
}
.panel-default > .panel-heading {
    background-color: #F2F2F2;
    border-color: #DFE2E4;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
}
.panel-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    padding: 10px 15px;
}

.boxmain{width:100%; display:table;}
.fourbox{width:21%; float:left; padding: 2% 0 0 2%;}
.twobox{width:50%; float:left; margin:2%;}
.singlebox{width:97%; float:left; margin:2%;}
.twocolums-main
{
    margin-left: auto; 
    margin-right: auto; 
    /*width: 1100px; */
    width: 1200px;
    background:#009bdb; 
    display: table;
}
.twocolums-left{width:235px; float:left; color:#fff; font-size:13px;}
.twocolums-right{/*width:865px;*/width:965px; float:left; background:#FFF; min-height:600px;}
.main-tab{border-bottom:1px solid #a1e4ff; background:#017bac; font-weight:700; padding:8px 5px 8px 15px;}
.sub-tab{border-bottom:1px solid #a1e4ff; background:#009bdb; font-weight:500; padding:8px 5px 8px 30px;}
.main-tab a{color:#fff; display:block; text-decoration:none;}
.sub-tab a{color:#fff; display:block; text-decoration:none;}
.main-tab:hover{background:#004560; cursor:pointer;}
.sub-tab:hover{background:#004560; cursor:pointer;}
.main-tab.current{background:#004560 !important;}
.sub-tab.current{background:#004560 !important;}