html {
    background-color: #fff;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    border-top: solid 15px #fff;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

.xl159319
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:left;
    vertical-align:bottom;
	white-space:nowrap;}
.xl659319
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:9.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:left;
	vertical-align:bottom;
	border:.5pt solid windowtext;
	white-space:nowrap;}
.xl669319
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:9.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:center;
	vertical-align:bottom;
	border:.5pt solid windowtext;
	white-space:nowrap;}
.xl679319
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:9.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:left;
	vertical-align:middle;
	border:.5pt solid windowtext;
	white-space:normal;}
.xl689319
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:#833C0C;
	font-size:9.0pt;
	font-weight:700;
	font-style:italic;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:left;
	vertical-align:bottom;
	border-top:.5pt solid windowtext;
	border-right:none;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	white-space:nowrap;}
.xl699319
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:#833C0C;
	font-size:9.0pt;
	font-weight:700;
	font-style:italic;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:left;
	vertical-align:bottom;
	border-top:.5pt solid windowtext;
	border-right:none;
	border-bottom:.5pt solid windowtext;
	border-left:none;
	white-space:nowrap;}
.xl709319
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:#833C0C;
	font-size:9.0pt;
	font-weight:700;
	font-style:italic;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:left;
	vertical-align:bottom;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;
	border-left:none;
	white-space:nowrap;}

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        /*background-color: #c7d1d6;*/
        color: deepskyblue;
    }

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.column-block {
    float: left;
    width:45%;
    display: block;
}

.column-block1title {
    float: left;
    width:25%;
    height:26px;
    font-size:10px;
}
.column-block1data {
    float: left;
    width:30%;
    height:26px;
    font-size:10px;
}

.column-block2title {
    float:left;
    width:15%;
    height:26px;
    font-size:10px;
}
.column-block2data {
    float: left;
    width:30%;
    height:26px;
    font-size:10px;
}

.column-separator {
    float: left;
    width:5%;
    display: block;
}

.column-one {
    float: left;
    width:100%;
    height:26px;
    font-size:10px;
}
.column-one-half {
    float: left;
    width:50%;
    height:26px;
    font-size:10px;
}
.column-one-third {
    float: left;
    width:33%;
    height:22px;
    font-size:10px;
}
.column-two-third {
    float: left;
    width:66%;
    height:22px;
    font-size:10px;
}
.column-one-quater {
    float: left;
    width:25%;
    height:26px;
    font-size:10px;
}
.column-two-quater {
    float: left;
    width:50%;
    height:26px;
    font-size:10px;
}
.column-three-quater {
    float: left;
    width:75%;
    height:26px;
    font-size:10px;
}

.font-medium {
    font-size:14px !important;
    color:black;
    font-weight:normal !important;
}
.linetop {
    border-top:1px dashed black;
    border-bottom:none;
    border-left:none;
    border-right:none;
}

.right-align {
    position: relative;
    text-align:right !important;
 }
.center-align {
    position: relative;
    text-align:center !important;
 }

.left-align {
    position: relative;
    text-align:left !important;
 }

#note-input {
    width:800px;
    height:20px;
    opacity:0.7;
}
#name-input {
    width:420px;
    opacity:0.7;
}
#adress-input {
    width:400px;
    height:200px;
    opacity:07;
}

#short-input {
    width:120px;
    opacity:0.7;
}
#medium-input {
    width:200px;
    opacity:0.7;
}
#large-input {
    width:400px;
    opacity:0.7;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper-print {
    margin-left:20px;
    height:40px;
    max-width: 902px; 
    background: url("../Images/log-cgd-hdr-avcargo-bw.png") no-repeat;
}

.content-wrapper {
    margin: 0 auto;
    max-width: 902px; 
}
#body {
    background-color: #fff;
    /*clear: both;*/
    padding-bottom: 35px;
}
    .main-content {
        /*background: url("../Images/accent.png") no-repeat;*/ 
        /*padding-left: 10px;*/
        padding-top: 10px;
    }

    .featured + .main-content {
        /*background: url("../Images/heroAccent.png") no-repeat;*/
    }

header  {
    padding-top: 10px; 
	height: 100px;
	width: 100%;
	background-image: url(../images/bg-header.jpg);
	background-repeat: repeat-x;
}

header .content-wrapper .selector {
	float: right;
	margin-top:10px;
	list-style-type: none;
}
header .content-wrapper .selector li {
	float: left;
	width: 120px;
	height: 19px;
	padding-top: 6px;
	list-style:none;
	text-align:center;
}
header .content-wrapper .selector li.separator-left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d5d4d0;
}

div.body-content {
    height: 700px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom:0;
}

.padding5 {
    padding-left:10px;
}
.ordertitle
{
    background-color:rgba(0, 148, 255, 0.20);
    width:96%;
    margin-left:10px;
    height:25px;
    text-align:left;
    color:white;
    font-size:16px;
    font-weight:bold;
}
    .ordertitle ol {
        background: url("../Images/circle.png") no-repeat;
        margin-top: -3px;
        margin-left:-10px;
        height:30px;
    }
    .ordertitle li {
        padding-top:2px;
        text-align:center;
    }

.blocktitle
{
    background-color:rgba(0, 148, 255, 0.10);
    text-align:left;
    height:20px;
    color:#6e6461;
}
.detailtitle
{
    background-color:rgba(0, 148, 255, 0.10);
    text-align:left;
    height:20px;
    color:#6e6461;
    font-weight:bold;
    margin-top:8px;
}

.detailtitle2
{
    background-color:rgba(0, 148, 255, 0.10);
    text-align:left;
    height:20px;
    color:#6e6461;
    margin-top:4px;
}
.font-weight-bold 
{
    font-weight:bold !important;
}
.detailtitlereport
{
    background-color:rgba(0, 148, 255, 0.10);
    text-align:left;
    height:20px;
    color:#6e6461;
    font-weight:bold;
    margin-top:12px;
}

#blockawbno-input {
    width:90%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}

#blockhouse-input {
    width:90%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}
#blockagent-input {
    width:225%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}
#blockname-input {
    width:80%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}

.awbno-input {
    width:90%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}
.house-input {
    width:90%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}
.agent-input {
    width:225%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}

#awbno-input {
    width:90%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}

#house-input {
    width:90%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}

#shpname {
    width:97%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}

#shpaddress {
    width:96%;
    opacity:0.7;
    font-size:10px;
}
#shpcity {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#shpstate {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#shpzip {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#shpcountry {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#cgname {
    width:97%;
    opacity:0.7;
    font-size:10px;
    font-weight:bold;
}

#cgaddress {
    width:96%;
    opacity:0.7;
    font-size:10px;
}
#cgcity {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#cgstate {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#cgzip {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#cgcountry {
    width:90%;
    opacity:0.7;
    font-size:10px;
}

#driver {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#license {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#tag {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#linkcode {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#note {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#nog {
    width:80%;
    opacity:0.7;
    font-size:10px;
}

#packing-input {
    width:90%;
    opacity:0.7;
    font-size:10px;
}
#pieces-input {
    width:70%;
    opacity:0.7;
    font-size:10px;
    text-align:right;
}
#dimension-input {
    width:70%;
    opacity:0.7;
    font-size:10px;
    text-align:right;
}
.view-input {
    width:70%;
    height:12px;
    color:gray;
    opacity:0.7;
    font-size:10px;
    text-align:right;
    
}
.packing-input {
    width:90%;
    height:12px;
    color:black;
    opacity:0.7;
    font-size:10px;
    text-align:left;
}
.flower-input {
    width:85%;
    height:12px;
    color:black;
    opacity:0.7;
    font-size:10px;
    text-align:left;
}
.pieces-input {
    width:70%;
    opacity:0.7;
    font-size:10px;
    text-align:right;
}
.stems-input {
    width:70%;
    opacity:0.7;
    font-size:10px;
    text-align:right;
}
.note-input {
    width:96%;
    opacity:0.7;
    font-size:10px;
    text-align:left;
}

.ListTitle
{
    background-color:rgba(0, 148, 255, 0.10);
    width:400px;
}
div.border-left {
    float: left;
    width: 2px;
    height:100%;
    background:url(../images/loo-cgo-gradient.png); 
    background-repeat: no-repeat;
}
div.page-content {
    float: left;
    width: 888px;
    height:100%;
    padding-left: 10px;
}
div.border-right {
    float: left;
    width: 2px;
    height:100%;
    background:url(../images/loo-cgo-gradient.png); 
	background-repeat: no-repeat;
}
.regularbody {
	height: 300px;
	z-index:90;
	position:relative;
}
.workbody {
	background-image: url(../images/bnr-cgo-hp-aircraft-tales-bw.jpg);
	background-repeat: no-repeat;
	height: 600px;
    margin-left: -10px;
	z-index:90;
	position:relative;
}

.workbodyPrint {
	background-image: url(../images/hp-aircraft-print-bw.png);
	background-repeat: no-repeat;
	height: 600px;
    margin-left: -10px;
	z-index:90;
	position:relative;
}

.workbodyall {
    float: left;
	height: 600px;
    padding-left: 10px;
	z-index:90;
	position:relative;
    /*overflow-y:scroll;*/
}
.workbodyall-regular {
    float: left;
    width:888px;
	height: 600px;
    padding-left: 10px;
	z-index:90;
	position:relative;
    overflow-y:auto;
}
.workbodyall-regular2 {
    float: left;
    width:888px;
	height: 500px;
    padding-left: 10px;
	z-index:90;
	position:relative;
    overflow-y:auto;
}
.workbody1 {
    float: left;
	height: 600px;
    width:30%;
	z-index:90;
	position:relative;
    /*overflow-y:scroll;*/
}
.workbody2 {
    float: right;
	height: 600px;
    width:70%;
	z-index:90;
	position:relative;
    /*overflow-y:scroll;*/
}
.workbodylist {
	height: 600px;
    width:100%;
	z-index:90;
	position:relative;
    overflow-y:scroll;
}

.workbodylist2 {
	height: 600px;
    width:888px;
	z-index:90;
	position:relative;
    white-space:nowrap;
    display:inline-block;
    overflow:auto;
}
.workbodylist4 {
	height: 500px;
    width:888px;
	z-index:90;
	position:relative;
    white-space:nowrap;
    display:inline-block;
    overflow:auto;
}
.workbodylist5 {
	height: 80px;
    width:888px;
	z-index:90;
	position:relative;
    white-space:nowrap;
    display:inline-block;
    overflow:auto;
}

@font-face {
  font-family: 'Code 128AB Tall';
  src: url('http://primegroup.cargolink.aero/rotativa/bc128abt.ttf') format('truetype');
}

.codebar {
    font-family:'Code 128AB Tall';
    font-size:48px;
    color:black;
}
.codebar2 {
    font-family:'Code 128AB Tall';
    font-size:24px;
    color:black;
}
.inputlarge {
    width:600px;
    border: 2px solid blue;
}

.inputshort {
    width: 200px;
}

.divmargin {
    margin-left:20px;
}
.divfloatleft {
    float:left;
    margin-left:20px;
}
.divfloatright {
    float:right;
    margin-right:20px;
}

.divaction {
    margin-left:20px;
    margin-bottom:40px;
    float:none;
}
.divaction input[type="submit"]{
    background-color:ButtonFace;
    float:none;
    color:black;
    width:auto;
}

.showorderno {
    font-family:'Arial';
    font-size:26px;
    font-weight:bold;
    color:Highlight;
}

.showname {
    font-family:'Arial';
    font-size:26px;
    font-weight:bold;
    color:black;
}
.nounderline {
    text-decoration:none;
}
.uploadfileviewBlack {
    font-family:'Courier';
    font-size:small;
    color:black;
}
.uploadfileviewRed {
    font-family:'Courier';
    font-size:small;
    color:red;
}
.uploadfileviewGreen {
    font-family:'Courier';
    font-size:small;
    color:green;
}

.banner {
	height: 360px;
	background-image: url(../images/bnr-cgo-hp-aircraft-tales.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff /* #d5291c /*...*/;
    margin-left: -10px;
	z-index:90;
	position:relative;
}
.banner .boxmargin {
    height:500px;
	padding-top: 200px;
	padding-left: 10px;
}

.banner .frmbox {
	background-image: url(../images/bkg-cgo-login.png);
	background-repeat: repeat;
	height: 182px;
	width: 200px;
	float: left;
	margin-right: 10px;
	padding-right: 6px;
	padding-left: 6px;
}

.frmbox .link a{
    color: #fff;
	margin-left: 6px;
	font-size: 12px;
	text-decoration: underline;
}
.frmbox h3 {
    font-size:medium;
	color: #fff;
	padding:10px 0;
	margin:0 0 0 5px ;
}

::-webkit-input-placeholder { color:#817D74; }
::-moz-placeholder { color:#817D74; } /* firefox 19+ */
input:-moz-placeholder { color:#817D74; }
input[placeholder], [placeholder], *[placeholder]{color:#817D74 !important;}

.input{
    height: 30px; 
    margin-bottom:8px; 
    width: 190px; 
    position:relative; 
    left:5px;
}
.select {
    font-size:small;
	float: left;
    height: 17px;
    width: 177px;
}
.input input[type="text"]{
    font-size:small;
	float: left;
    height: 17px;
    width: 177px;
}
.input input[type="password"]{
    font-size:small;
	float: left;
    height: 17px;
    width: 177px;
}

.input input[type="file"]{
    font-size:small;
	float: left;
    height: 17px;
    width: 250px;
}
.input input[type="submit"]{
    position:absolute; 
    right:2px;
}
.frmbox input[type="text"]{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(scripts/pie/pie.htc); 
    position:relative;
}
.frmbox input[type="password"]{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(scripts/pie/pie.htc); 
    position:relative;
}
.frmbox select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(scripts/pie/pie.htc); 
    position:relative;
}
.frmbox input[type="submit"]{
    background:url(../images/btn-cgo-password-button.gif) no-repeat; 
    width:45px; 
    height:25px; 
    float:right; 
    margin-right:-16px; 
    border:none; 
    outline:none; 
    margin-top:9px; 
    color:none;
}

.workbodyall input[type="text"]{
    font-size:small;
	float: left;
    height: 17px;
    width: 350px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(scripts/pie/pie.htc); 
    position:relative;
}
.workbodyall input[type="file"]{
    font-size:small;
	float: left;
    height: 25px;
    width: 450px;
    border:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(scripts/pie/pie.htc); 
    position:relative;
}
.workbodyall input[type="submit"]{
    background:url(../images/btn-cgo-password-button.gif) no-repeat; 
    width:28px; 
    height:25px; 
    float:left; 
    margin-left:1px;
    border: none; 
    outline:none; 
    margin-top:7px; 
    color:none;
}

.searchorder input[type="submit"]{
    background:url(../images/btn-cgo-password-button.gif) no-repeat; 
    width:28px; 
    height:25px; 
    float:right; 
    margin-left:1px;
    border: none; 
    outline:none; 
    margin-top:7px; 
    color:none;
}

.workbodyall-regular input[type="submit"]{
    background-color:ButtonFace;
    float:none;
    color:black;
    width:auto;
}


input[type="button"], .contact-section input[type="button"]{border:none; color:#FFFFFF; background:#6F6860; width:160px; text-align:center; padding:5px 0; float:right;}
input[type="button"]:hover,input[type="button"]:focus, .contact-section input[type="button"]:hover, .contact-section input[type="button"]:focus{background:#979185;}

footer {
    clear: both;
	width: 100%;
	background-color: #9E9794/*...*/;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #7e7471; /*...*/
	font-size: 11px;
	/*background-image:url(../images/bkg-cgo-footer.gif);*/
	background-repeat:repeat-x;
}

footer a , footer p {
	color: #FFFFFF; /*...*/
	text-decoration: none;
	text-align:left;
}

footer a:hover{ text-decoration:underline;}

footer .content-wrapper {
    padding-top:15px;
	height: 145px;
	width: 902px;
	margin-right: auto;
	margin-left: auto;
	background:#7E7471 /*...*/;
	background-repeat: repeat;
	margin-top: -4px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #5e514d; /*...*/
}

footer .content-wrapper .float-left {
	float: left;
	width: 203px;
	margin-right: 30px;
	background: url(../images/border-footer.jpg) repeat-y right;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 20px;
	height:117px; /*...*/
}

footer .content-wrapper .mid {
	float: left;
	width: 286px;
}

footer .content-wrapper .mid .nav li {
	text-align: center;
	float: left;
	width: 142px;
	padding-top: 24px;
	list-style:none;
}

footer .content-wrapper .float-right {
	float: right;
	width: 106px;
	color: #d1d2d4;
	padding-top:10px;
	background:url(../images/border-footer.jpg) repeat-y left;
	padding-left:15px;
	margin-right:13px;
	height:107px;
}

footer .float-right p {
	margin: 0px;
	padding-top: 24px;
	text-align:right;
	padding-right:16px;
}

footer .float-right p img{
	margin-top:-13px;
}

footer ul, footer ul li{list-style:none;}
footer .float-right ul{padding: 5px 0 0; margin:0; list-style:none;}
footer .float-right ul li{margin:3px 0; list-style:none;}
footer .float-right li a {color:#FFFFFF;/*...*/ text-decoration:none;}
footer .float-right li a:hover {text-decoration:underline;}

.footer-links{
	float:left; 
	width:160px;
    margin:0 20px 0 0 ;
	color:#D1D2D4;
}

.footer-links ul {list-style:none; padding:0;}
.footer-links ul li {list-style:none; padding:2px 0;}
.footer-links li a {color:#FFFFFF;/*...*/ text-decoration:none;}
.footer-links li a:hover {text-decoration:underline;}



/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}


/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .95em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        /*background-color: #d3dce0;*/
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #333;
            text-decoration: none;
        }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7e7471;
        /*background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);*/
        color: #3e5667;
        height: 35px;
        /*padding: 20px 40px 30px 40px;*/
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: medium;
        }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-size: medium;
    font-weight: normal;
    margin-left: 10px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 80px;
}

/* ordered list */
ol.msg ul {
    margin: 5px 0;
    list-style-type: none;
    padding-left: 0;
}

.menuleft {
   background: url("../Images/delete.png") no-repeat center right;
   display:block;
   height:16px;
   width:16px;
   text-decoration:none;

}
.menuprint {
   background: url("../Images/printer.png") no-repeat center center;
   display:block;
   height:16px;
   width:16px;
   text-decoration:none;
}
.menulabel {
   background: url("../Images/printer.png") no-repeat center center;
   display:block;
   height:16px;
   width:16px;
   text-decoration:none;
}

ol.toolbar {
    list-style-type: none;
    padding-left: 10px;
    padding-top: 15px;
    margin-top: 0px;

}
    ol.toolbar li {
        padding-left: 30px;
        padding-top: 5px;
        height:35px;
    }
            ol.toolbar li.newitem {
            background: url("../Images/new.png") no-repeat;
        }

ol.block {
    margin-left: 330px;
    margin-top: -28px;
    height:22px;
    position:relative;
}

ol.block li.search {
    padding-top:3px;
    padding-left:18px;
    background: url("../Images/search.png") no-repeat;
}

.searchbutton {
    color:Highlight !important;
    text-decoration:none;
}
a.searchbutton:hover{ color:darkblue !important; }

.confirmbutton {
    color:Highlight !important;
    padding-left:30px !important;
    text-align: center !important;  
    line-height: 20px !important;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    font-size: 20px !important;
    font-weight:normal !important;
    text-decoration:none !important;
    background: url("../Images/confirm.png") no-repeat !important;
    height:36px !important;
    width:200px !important;
    border:none !important;
}
.confirmbutton:hover{ color:darkblue !important;}

.validbutton {
    color:Highlight !important;
    padding-left:30px !important;
    text-align: center !important;  
    line-height: 20px !important;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    font-size: 20px !important;
    font-weight:normal !important;
    text-decoration:none !important;
    background: url("../Images/valid.png") no-repeat !important;
    height:36px !important;
    width:200px !important;
    border:none !important;
}
.validbutton:hover{ color:darkblue !important;}

.adddetailbutton {
    color:Highlight !important;
    padding-left:30px !important;
    text-align: center !important;  
    line-height: 20px !important;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    font-size: 20px !important;
    font-weight:normal !important;
    text-decoration:none !important;
    background: url("../Images/add.png") no-repeat !important;
    height:36px !important;
    width:240px !important;
    border:none !important;
}
.adddetailbutton:hover{ color:darkblue !important;}

.removebutton {
    color:Highlight !important;
    padding-left:30px !important;
    text-align: center !important;  
    line-height: 20px !important;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    font-size: 20px !important;
    font-weight:normal !important;
    text-decoration:none !important;
    background: url("../Images/remove.png") no-repeat !important;
    height:36px !important;
    width:200px !important;
    border:none !important;
}
.removebutton:hover{ color:darkblue!important; }

.savebutton {
    color:Highlight !important;
    padding-left:20px !important;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    font-size: 14px !important;
    font-weight:normal !important;
    text-decoration:none !important;
    background: url("../Images/save.png") no-repeat !important;
    height:30px !important;
    width:100px !important;
    border:none !important;
}
.savebutton:hover{ color:darkblue !important; }

.detailbutton {
    color:Highlight !important;
    padding-left:40px !important;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    font-size: 16px !important;
    font-weight:normal !important;
    text-decoration:none !important;
    background: url("../Images/box2.png") no-repeat !important;
    height:40px !important;
    width:126px !important;
    border:none !important;
}
.detailbutton:hover{ color:darkblue !important; }

.flowerbutton {
    color:Highlight !important;
    padding-left:40px !important;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    font-size: 16px !important;
    font-weight:normal !important;
    text-decoration:none !important;
    background: url("../Images/flowers.png") no-repeat !important;
    height:40px !important;
    width:126px !important;
    border:none !important;
}
.flowerbutton:hover{ color:darkblue !important; }

ol.blockmenu {
    margin-left: 20px;
    position:relative;
}
ol.blockmenu li.detail {
    padding-left:40px;
    padding-top:5px;
    background: url("../Images/box1.png") no-repeat;
    height:35px;
    width:200px;
}

ol.blockmenu li.flower {
    padding-left:40px;
    padding-top:5px;
    background: url("../Images/flowers.png") no-repeat;
    height:35px;
}

ol.menu {
    list-style-type: none;
    padding-left: 0;
    margin-top: 25px;
    margin-left: 15px;

}

    ol.menu li {
        padding-left: 30px;
        height:35px;
        margin-top: 5px;
    }

        ol.menu li.neworder {
            background: url("../Images/neworder.png") no-repeat;
        }

        ol.menu li.uploadfile {
            background: url("../Images/uploadfile.png") no-repeat;
        }

        ol.menu li.changepassword {
            background: url("../Images/changepassword.png") no-repeat;
        }

        ol.menu li.back {
            background: url("../Images/back.png") no-repeat;
        }

ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/terms.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/warning.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/telephone.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

label.checkbox {
    display: inline;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    input[type="submit"],
    input[type="button"],
    button {
        /*background-color: #d3dce0;*/
        background-color: #ff0000;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

     /* features */
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
}