@font-face {
    font-family:'Roboto Condensed';
    src: url(fonts/RobotoCondensed-Regular.ttf),
	url(fonts/RobotoCondensed-Light.ttf),
	url(fonts/RobotoCondensed-LightItalic.ttf),
	url(fonts/RobotoCondensed-Bold.ttf),
	url(fonts/RobotoCondensed-BoldItalic.ttf);
	
}	
	/*IE6 fix*/
		* html body{
			padding: 100px 0 50px 230px; /* Set the first value to the height of the header, the third value to the height of the footer, and last value to the width of the nav */
                       
		}
		
		* html main{ 
			height: 100%; 
			width: 100%; 
		}
		body {
			margin: 0;
			padding: 0;

			height: 100%; 
			max-height: 100%; 
			font-family:Roboto Condensed;
			background: repeat scroll 0% 0% #F0EAE1;
			 font-size: 13px !important;
			
		}
		.scrollbg
		{
			overflow:hidden;
		}
		main {
			position: fixed;
			top:105px; /* Set this to the height of the header */
			bottom: 30px; /* Set this to the height of the footer */
			left:200px; 
			right: 0;
			overflow: auto; 


		}
		mainblock {
			position: fixed;
			top:81px; /* Set this to the height of the header */
			bottom: 30px; /* Set this to the height of the footer */
			left:200px; 
			right: 0;
			overflow: auto; 


		}
		
		basicmain {
			
			top: 0; /* Set this to the height of the header */
			bottom: 0; /* Set this to the height of the footer */
			left: 0; 
			right: 0;
			overflow: auto; 
		}
				
		#header {
		
			
			background:url(../images/header-bg.png) no-repeat fixed #ba0a0a;
			
			color:#FFFFFF;
			width:100%;
			height:55px;
			display:block;
			}
			#header .logo
			{
			margin:10px 1px 5px 5px;
			float:left;
			max-width:201px;
			line-height:50px;
			display:block;
			}
			
#breadcrumb
{
height: 25px;
color: #760E0E;
font-weight: 500;
letter-spacing: 1px;
line-height: 25px;
text-align: left;
padding-left: 14px;
border-bottom: 1px dashed #666;
padding-right: 10px;
background: url("../images/breadcrumb-bg.png") repeat-x scroll 0% 0% transparent;
margin-top: 0px;
display: block;
position:relative;
	
}
p
{
    margin: 10px;
}
#breadcrumb .one
{

	color:#760E0E;
	font-weight:bold;

}

#breadcrumb .two
{
		font-size:12px;
	color:#760E0E;
}
#breadcrumb .three
{
		font-size:12px;
		color:black;
}
			

		#footer {
			/*position: absolute;*/
			position:fixed;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 30px; 
			overflow: hidden; /* Disables scrollbars on the footer frame. To enable scrollbars, change "hidden" to "scroll" */
			 background: #353535; /* Old browsers */
	background: -moz-linear-gradient(top,  #353535 0%, #101010 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#101010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #353535 0%,#101010 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #353535 0%,#101010 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #353535 0%,#101010 100%); /* IE10+ */
	background: linear-gradient(top,  #353535 0%,#101010 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#101010',GradientType=0 );
   
			
		}
		#footer a 
{
	line-height:32px;
	color:white;
	padding-right:10px;
	text-decoration:none;
}

				
		#nav {
			position:relative; 
			
			width: 201px;
			background:url(../images/breadcrumb-bg.png);
		/*	overflow: hidden;  Scrollbars will appear on this frame only when there's enough content to require scrolling. To disable scrollbars, change to "hidden", or use "scroll" to enable permanent scrollbars */
			
					
		}
		
		.innertube {
			margin:0px; /* Provides padding for the content */
		}
		
		p {
			color: #555;
		}

				
	
		

h1 { font-size: 30px; line-height: 30px; margin: 0px 0px 2px 0px;;
padding: 0px;}
h2 { font-size: 25px; line-height: 25px; margin: 0px 0px 2px 0px;;
padding: 0px;}
h3 { font-size: 22px; line-height: 22px; margin: 0px 0px 2px 0px;;
padding: 0px;}
h4 { font-size: 19px; line-height: 19px; margin: 0px 0px 2px 0px;;
padding: 0px;}
h5 { font-size: 15px; line-height: 15px; margin: 0px 0px 2px 0px;;
padding: 0px;}
h6 { font-size: 12px; line-height: 12px; margin: 0px 0px 2px 0px;;
padding: 0px;}
hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #760E0E;
padding: 0; }
a
{
	color:#760E0E;
	font-weight:normal;
	text-decoration:none;
}

iframe
{
	border:none;
	padding:0px;
	
	overflow:auto !important;
	
}


.font-green-white
{
	background:#096;
	color:white;
	font-weight:lighter bold;
	letter-spacing:1px;
}
.font-blue-white
{
	color:white;
	background:#760E0E ;
	letter-spacing:1px;
	text-align:left;
	padding-left:20px !important;
	position:relative;
	display:run-in;
	
	
}

.table {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-radius: 3px 3px 0 0;
	width: 100%;
	padding: 0;
	margin: 0;
	
	
}

.delRow,.alternativeRow
{
	cursor:pointer;
	width:15px !important;
	text-align:center;
	margin:0px auto;
	display:block;
}


.thdup
{
	background: #760E0E; /* Old browsers */
	background: -moz-linear-gradient(top,  #760E0E 0%, #A70A0A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#760E0E), color-stop(100%,#A70A0A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* IE10+ */
	background: linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b1ed', endColorstr='#417bb5',GradientType=0 ); /* IE6-9 */
	letter-spacing: 2px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #2B5177;
	border-radius: 3px 3px 0 0;
	border-bottom: none;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
	font-size:14px;
	color:#FFFFFF;
padding-left:18px;
	display:block;
	
}

.table th {

	background: #760E0E; /* Old browsers */
	background: -moz-linear-gradient(top,  #760E0E 0%, #A70A0A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#760E0E), color-stop(100%,#A70A0A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* IE10+ */
	background: linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b1ed', endColorstr='#417bb5',GradientType=0 ); /* IE6-9 */
	letter-spacing: 2px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #2B5177;
	border-radius: 3px 3px 0 0;
	border-bottom: none;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
	font-size:14px;
	color:#FFFFFF;
	padding-left:20px !important;
	font-weight: 500;

	}

.table td {
	
	border-right: 1px solid  #CCC;
	border-bottom: 1px solid #CCC;
	padding-left:6px;
	

}
.table tr {
	border-left: 1px solid #CCC;
}

.table tr.alt {
	background: #F5FAFA;
	color: #797268;
}
.table tr.head {
	background: #D9EEFB;
	color: #797268;
}
input[type="text"]{background: #fff;
	display: inline;
margin: 1px 0px;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	padding: 3px;
	
	outline: none;
	/* Inset shadow */
	-webkit-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
	-moz-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
	box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
	}
.table tr td input,.table tr td textarea,#print_but {
background: none repeat scroll 0% 0% #FFF;
display: inline;
margin: 1px 0px;
border: 1px solid #C8C8C8;
border-radius: 3px;
padding: 3px;
outline: medium none;
box-shadow: 0px 2px 3px 0px rgba(18, 16, 11, 0.13) inset;
}

.table tr td input:hover, .table tr td  input:active, .table tr td  input:focus, .table tr td textarea:hover, .table tr td textarea:active, textarea:focus {
	border: 1px solid #760E0E;}


.table tr td input:active, .table tr td input:focus, .table tr td textarea:active, .table tr td textarea:focus  {
	-webkit-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13), 0px 0px 5px 0px rgba(58, 111, 163, 0.75);
	-moz-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13), 0px 0px 5px 0px rgba(58, 111, 163, 0.75);
	box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13), 0px 0px 5px 0px rgba(58, 111, 163, 0.75);
}
.table tr td input[type="submit"],button,#print_but, .table tr td input[type="reset"],#johnlei ,input[type="button"]{
	display: inline-block;
	color:#760E0E;
	/* Setting the height */
	width:auto;
	min-width:50px;

	/* The padding */
	/* And the beautiful style */
	border: 1px solid #c7c7c7;
	background: url(../images/bg.png);
	border-radius: 3px;
	/* "useful if you don't want a bg color from leaking outside the border" */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* The shadow around */
	-webkit-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1) !important;
	-moz-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1) !important;
	box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1) !important;
	cursor:pointer;
	letter-spacing:1px;
}

.table tr td input[type="submit"]:hover,input[type="button"]:hover, #johnlei:hover, .table tr td input[type="submit"]:active, .table tr td input[type="reset"]:hover, .table tr td input[type="reset"]:active,#print_but:hover {
	border-color: #2462a0;
	background: #760E0E; /* Old browsers */
	background: -moz-linear-gradient(top,  #760E0E 0%, #A70A0A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#760E0E), color-stop(100%,#A70A0A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* IE10+ */
	background: linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b1ed', endColorstr='#417bb5',GradientType=0 ); /* IE6-9 */
	
	
	-webkit-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.42);
	-moz-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.42);
	box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.42);
	color:#FFFFFF;
}


.table tr td button[disabled], .table tr td input[type="submit"][disabled], .table tr td input[type="reset"][disabled]{
	color: #D3D3D3;
	border: 1px solid #c7c7c7;
	cursor: default;
	text-shadow: 0 0 0;
}

.table tr td input[type="reset"]{
	color: #952a2a;
}
.table tr td input[disabled]{ background:#CCCCCC;}
.table tr td input[type="reset"]:hover, .table tr td input[type="reset"]:active {
	border-color: #870d0d;
	background-image: url(../images/buttons/hover/bg-red.png);
}

.table tr td input[type="reset"]:active {
	background: url(../images/buttons/active/bg-red.png);
}
.table tr td input[type="radio"], input[type="checkbox"] { padding:0px; margin:0px;border:none; width:auto;}
input[readonly="readonly"]
{
	background:#C30 !important;
	color:white !important;
}
.multiple_select {
	background: #fff;
	margin: 10px 0;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	padding: 5px 0px 5px 5px;
	width: auto;
	outline: none;
	/* Inset shadow */
	-webkit-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
	-moz-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
	box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);

}
select{
   padding: 0.13em;
    outline: medium none;
    background: none repeat scroll 0% 0% #F2F0F0;
    box-shadow: 0px 2px 3px 0px rgba(18, 16, 11, 0.13) inset;
    
    border: 1px solid #C8C8C8;
    border-radius: 3px;
    display: inline;
   color: #3C3C3C;
	font-family:"Roboto Condensed";
}
.table td {

}

/* pagination */
.boxPagination{
	font-size:120%;
	letter-spacing:1px;
}

.boxPagination a:hover {
background-color:#760E0E;
border:1px solid #9C6;
color:#FFFFFF;

}

.boxPagination a {
background:#FFFFFF none repeat scroll 0 0;
border: 1px solid #C1C7C9;
display:block;
font-size:12px;
padding:2px 6px;
text-decoration:none;
}
.sortable tr[class="font-blue-white"]
{
	cursor:pointer;
	
}

.rightspan
{
	float:right;
	text-align:right;
	padding-right:10px;
	min-width:200px;
	display:inline-block;
}


input[type="submit"],#print_but, input[type="reset"],input[type="button"]{
	display: inline-block;
	color:#760E0E;
	/* Setting the height */
	width:auto;
	min-width:50px;

	/* The padding */
	/* And the beautiful style */
	border: 1px solid #c7c7c7;
	background: url(../images/bg.png);
	border-radius: 3px;
	/* "useful if you don't want a bg color from leaking outside the border" */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* The shadow around */
	-webkit-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1) !important;
	-moz-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1) !important;
	box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1) !important;
	cursor:pointer;
	letter-spacing:1px;
padding: 2px;
}

input[type="submit"]:hover,input[type="button"]:hover,.table tr td input[type="submit"]:active, .table tr td input[type="reset"]:hover, input[type="reset"]:active,#print_but:hover {
	border-color: #2462a0;
	background: #760E0E; /* Old browsers */
	background: -moz-linear-gradient(top,  #760E0E 0%, #A70A0A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#760E0E), color-stop(100%,#A70A0A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* IE10+ */
	background: linear-gradient(top,  #760E0E 0%,#A70A0A 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b1ed', endColorstr='#417bb5',GradientType=0 ); /* IE6-9 */
	
	
	-webkit-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.42);
	-moz-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.42);
	box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.42);
	color:#FFFFFF;
}
#navcontainer
{
	position: relative;
display: block;
background:#FFC;
line-height: 30px;
}
#navcontainer ul
{
margin: 0px auto;;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: 0.3em 0.5em;
color: #004D53;
border-top-right-radius: 10px;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
border-top: 1px solid #808080;



}

#navcontainer ul li a:hover
{
color:#000;

}
.profileview
{
	background: linear-gradient(to bottom, #760E0E 0%, #F61223 0%, #760E0E 50%, #760E0E 100%) repeat scroll 0% 0% transparent;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
  box-shadow: 0 5px 10px 5px rgba(0,0,0,0.2);
  padding-top:11px;
  color:#FFFFFF;
  padding-left:20px !important;
  display:block;
  padding-bottom:20px;
			
			

        }
	.text-red {
    color: #dd4b39 !important
}
.text-yellow {
    color: #f39c12 !important
}
.text-aqua {
    color: #00c0ef !important
}
.text-blue {
    color: #0073b7 !important
}
.text-black {
    color: #111 !important
}
.text-light-blue {
    color: #3c8dbc !important
}
.text-green {
    color: #00a65a !important
}
.text-gray {
    color: #d2d6de !important
}
.text-navy {
    color: #001f3f !important
}
.text-teal {
    color: #39cccc !important
}
.text-olive {
    color: #3d9970 !important
}
.text-lime {
    color: #01ff70 !important
}
.text-orange {
    color: #ff851b !important
}
.text-fuchsia {
    color: #f012be !important
}
.text-purple {
    color: #605ca8 !important
}
.text-maroon {
    color: #d81b60 !important
}	
.text-white {
    color: white !important
}	
.no_under_line
{
	text-decoration:none;
}
.no_under_line:hover
{
	text-decoration:none;
}
.headersearch
{
	color:white;
	
}

#messageBlock
{
width:100%;
position:relative;
}
#messageBlock ul
{
	display:block;
	position:relative;
}
#messageBlock ul:before
{
	
	font: normal normal normal 14px/1 FontAwesome;
	content:"\f06a";
	font-weight:600;
	padding-left:20px;
	font-size:170%;
	color:#FF5809;
}
#messageBlock ul li

{
	
font-size:13px;
height:14px;
list-style:none;
padding-left:40px;
}

#messageBlock ul li:before

{
	font: normal normal normal 14px/1 FontAwesome;
  content: "\f061";
  color: #FF5809;
  /* font-size: 20px; */
  /* font-weight: bolder; */
  padding-right: 3px;
}