html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}
body{
	width:100%;
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:13px;
}
h1.maintitle{
    border-bottom: 1px solid #666;
    margin: 0;
    padding-bottom: 5px;	
	font-family: 'HelveticaLT-Compressed';
	font-size:35px;
	font-weight:normal;
}
h2.subtitle{
    margin: 0;
    padding-bottom: 6px;
    padding-top: 6px;
	font-family: 'HelveticaLT-Compressed';
	font-size:26px;
	font-weight:normal;
}
.mainwarp{
	width:270px;
	margin:0px auto;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #cdcdcd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
	border: 1px solid #CCCCCC;
	padding:25px;	
}
.contentarea{
	background: #2f5f91; /* Old browsers */
	background: -moz-linear-gradient(top,  #2f5f91 0%, #3366fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f5f91), color-stop(100%,#3366fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2f5f91 0%,#3366fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2f5f91 0%,#3366fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2f5f91 0%,#3366fc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2f5f91 0%,#3366fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5f91', endColorstr='#3366fc',GradientType=0 ); /* IE6-9 */
	padding:25px;
	border:1px solid #000;
}
#loginform , #salesentery , #salesenteryinfo , #customer_info , #custsearch , #timedate , #addnotes , #updatetimedate , #customer_infoupdate , #updateaddnotes , #updatesalesenteryinfo{
	text-align:center;
}
form label span, form .formbox h6 , .userinfo span , .userinfo h5 {
    color: #FFF;
    display: block;
    font-family: arial;
    font-size: 14px;
    margin-bottom: 5px;
    padding-top: 5px;
    text-align: left;
    width: 100%;
}
.userinfo a {color:#fff; text-decoration:none;}
#loginform #loginbtn {
    margin-top: 20px;
}
form input[type='password'] , form input[type='text'], select {
    border: 1px solid #40434A;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 6px 5px;
    width: 93%;
}
.showmsg , .showenmsg ,.showaddmsg , .showcusmsg{
	color:#ED6B75;
	font-weight:bold;
	text-shadow: 0 0 6px #000;
	letter-spacing:1px;
}
.displaynone{
	display:none;
}
.secloginarea .contentarea , .homescreen .contentarea , .customerpage .contentarea , .additionalnotes .contentarea{
	padding:10px;
}
.secloginarea span , .secloginarea h5{
	font-size:12px;
	font-weight:normal;
}
.secloginarea #refnumber{
	width:80%;
}
.contentarea .formbox{
	border-bottom:1px solid #fff;
	margin-bottom:10px;
	padding-bottom:10px;
}
.formbox label {
    display: block;
    padding: 0 4px;
}
.formbox input[type="text"]{
    padding: 6px 5px;
}
#salesentery .formbox h6 , #salesenteryinfo .formbox h6{
	padding-left: 5px;
	font-weight: normal;
}
.logouttn , .cusbackbtn , .upcusbackbtn{
	background: #ed6b75; /* Old browsers */
	background: -moz-linear-gradient(top,  #ed6b75 44%, #ea0b10 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#ed6b75), color-stop(100%,#ea0b10)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ed6b75 44%,#ea0b10 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ed6b75 44%,#ea0b10 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ed6b75 44%,#ea0b10 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ed6b75 44%,#ea0b10 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6b75', endColorstr='#ea0b10',GradientType=0 ); /* IE6-9 */
	color:#fff;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    font-size: 15px;
    margin-top: 6px;
    padding: 5px 10px;
    text-decoration: none;	
}
#customer_info .formbox{border-bottom:none;	margin-bottom:0px;}
.serresult tr th, .serresult tr td{
	color:#fff;
	border:1px solid #fff;
	padding:5px;
}
#serresdiv h3 , #serresdiv a{color:#fff;}
.homeselbox:after{
    background: url("../images/boxarrow.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 50%;
    box-shadow: 1px 0 2px #000;
    content: "";
    height: 23px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 23px;
}
.homeselbox{
    background: url("../images/boxbg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCC;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-top: 8px;
    position: relative;
    width: 95%;
	margin-bottom:10px;
	cursor:pointer;
}
.homescreen .contentarea h4{
    border-bottom: 1px solid #FFF;
    color: #FFF;
    display: inline-block;
    margin: 0 0 10px;
    min-width: 40%;
    padding-bottom: 3px;
	font-family:"HelveticaInseratLTStd-Roman";
	font-weight: normal;
}
.homescreen .contentarea h4 strong{
	font-family:"HelveticaInseratLTStd-Roman";
	font-size:15px;
	font-weight: normal;
}
.homescreen .btns{
	margin-top:10px;
}
.contentarea .refno span{
	color:#fff;
}
.contentarea .refno span.details ,.submitbtn{
	float:right;
}
.homescreen #homescr , .salescallinfo #salesenteryinfo{
	margin-top:0px;
}
#homescr .formbox{
    border-bottom: medium none;
    margin-bottom: 0;
}
#homescr .formbox label{
	padding:0px;
}
#homescr .formbox input[type=text]{
	margin-bottom:0px;
}
.customerpage .contentarea{
	min-height: 355px;	
}
.customerpage .cuspagebox{
    margin-top: 35px;
    min-height: 145px;
}
#addnotes textarea , #updateaddnotes textarea{
    border: 1px solid #222;
    border-radius: 8px;
    resize: none;
    width: 100%;	
	margin-bottom:20px;
}
.salescallinfo #salesenteryinfo h6{	font-family:"HelveticaInseratLTStd-Roman";	font-size:14px;}
.serresult {width:100%;}
.serresult .serresultlist span {color:#fff;	display:block;	margin:2px;}
.serresultlist {border-bottom:1px solid #EEE; padding:6px 0;}
select {width:100%;}