@charset "utf-8";
body{
font-size:12px;
font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
background-color:#f0eeee;	
}

.wrapper{
	width:1200px;
	min-height:500px;
	margin-left:auto;
	margin-right:auto;
	
}

.header{
background: linear-gradient(0deg, #ffffff, #b7deeb 82%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #b7deeb;
    height: 150px;
    width: 100%;
}
.inner-header
{
	 height: 110px;
    width: 100%;
	}
.logo{
 float: left;
    padding: 14px 0 0 45px;
    width: 33%;
}

.logo h1{
	font-size:22px;
	color:#F91102;
	
	
}

.nav{
	background: linear-gradient(0deg, #ffffff, #b7deeb 82%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    position: absolute;
    width: 60%;	
}

.nav ul{
	margin:0px;
	margin-left:-40px;
	
	
}

.nav ul li{
  border-right: 1px solid #fff;
    box-shadow: 1px 0 0 #fff;
    color: #000 !important;
    display: inline;
    float: left;
    position: relative;	
	
}

.nav ul li:hover{
	background-color: #68b5cf;	


}

.nav ul li a{
	display: block;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	color: #000;
	
	
	
	
}

.middle{
	font-size: 12px;
	height: auto;
	width: 100%;
	margin-top:5px;


	
}

.middle .midleft{
background: none repeat scroll 0 0 #dff0f6;
    border: 1px solid #46a8c7;
    border-radius: 7px;
    box-shadow: 0 4px 6px 1px #9bcfd7;
    float: left;
    min-height: 361px;
    width: 20%;	
}

.middle .midleft ul{
 font-size: 14px;
    list-style: none outside none;
    margin-bottom: 10px;
    padding: 0 !important;

}

.middle .midleft ul li{
   background: none repeat scroll 0 0 rgb(104, 181, 207);
    list-style: none outside none;
    margin-bottom: 3px;
    padding: 3% 0;
	
}

.middle .midleft ul li a {
    color: #000;
    padding: 4% 7%;
    text-decoration: none;
}


.middle .midleft{
 background: none repeat scroll 0 0 #dff0f6;
    border: 1px solid #46a8c7;
    border-radius: 7px;
    box-shadow: 0 4px 6px 1px #9bcfd7;
    float: left;
    min-height: 361px;
    width: 20%;
	
}





.rowheading {
    background: none repeat scroll 0 0 #d8edf4;
    height: 25px;
	border:1px solid #b7deeb;
	border-color:#b7deeb;
}
.rowa {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #68b5cf;
    line-height: 23px;
}
.inner_container table
{
    background: none repeat scroll 0 0 #b7deeb;
    width: 100%;
}
.inner_container {
    background: none repeat scroll 0 0 #d8edf4;
    height: auto;
    margin: 0 auto;
    min-height: 295px;
    width: 100%;
}
.view_customer {
    background: none repeat scroll 0 0 #fff;
    font-size: 14px;
   padding:7px 0px;
    text-align: center;
    width: 100%;
}
.breadcrumb {
    background-color: #bae0ec;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    list-style: none outside none;
    padding: 8px 5px 2px;
	text-decoration:none;
}

.middle .midright{
	 background-color: #fff;
    border: 1px solid #b7deeb;
    border-radius: 5px;
    float: right;
    min-height: 361px;
    width: 79.6%;
	
}

.middle .midright p{
font-size:14px;
text-align:justify;

}
.footer{
  background: linear-gradient(0deg, #ffffff, #b7deeb 82%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 82px;
    margin-top: 4px;
    padding-top: 14px;
    text-align: right;
}

.inner-header {
    height: 110px;
    width: 100%;
}
.welcome{
	float: left;
	padding-top: 4%;
	width: 33%;
	text-align:center;
	font-size:16px;
}

.signout{
	float: right;
	padding-top: 1%;
	width: 30%;
}
.signout img
{
	width:200px;
	height:90px;
	float:right;
}
.signout1 {
    background: linear-gradient(0deg, #ffffff, #b7deeb 82%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    padding-right: 16px;
    text-align: right;
    width: 33%;
}
.clr{
clear:both;	
	
}

.err{
color:#F80004;	
	
	
}

.matrixtable{
border:1px solid #999999;	
padding:5px;
	
	
}

.matrixtable td{
border:1px solid #999999;	
padding:5px;
text-align:center;

	
	
}

.select_theme
{
	 background: none repeat scroll 0 0 #B7DEEB;
    border-radius: 3px;
    padding: 15px 0 14px 0px;
    width: 100%;
	text-align:center;
}
#theme .container
{
	width:89.6%;
	min-height:200px;
	padding:8px 50px;
	font-size:14px;
}
#theme .one
{
	width:30%;
	float:left;
	height:100px;
	background:#9DEBE9;
}
#theme .two
{
	width:30%;
	float:left;
	height:100px;
	background:#8A8181;
}
#theme .three
{
	width:30%;
	float:left;
	height:100px;
	background:#171515;
}

#theme .six
{
	width:30%;
	float:left;
		text-align:center;

	
}
#theme .five
{
	width:30%;
	float:left;
	text-align:center;
}
#theme .four
{
	width:30%;
	float:left;
		text-align:center;

}
.menu_table
{
	background:#B7DEEB;
	width:100%;
}
.menu_table table
{
	width:100%;
}
.scrollbox {
    height: auto;
    max-height: 170px;
    overflow: scroll;
}
.exit
{
background:#f00;
color:#fff;
border-radius:5px;
}