body { background-color: #FFFFFF; font-size: 75%; font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; color: #000000; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color: #000000; }
h1 { font-size: 2em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

hr { border: 1; width: 100%; color: #808080; }

a:link, a:hover, a:visited { color: #696969; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
header, #header { color: #000000; }
header h1, #header h1 { font-weight: bold; color: #FFFFFF; border: none; line-height: 2em; font-size: 32px !important; }
#main { background: #FFFFFF; }
footer, #footer { color: #999; text-align: center; line-height: normal; font-size: .9em;}

/* MENU   
----------------------------------------------------------*/
#Menu { font-weight: bolder; }
#Menu .t-item { border-width: 0 0 0 1px; }
#Menu .t-link { font-weight: bold; text-decoration: none; line-height: 1.8em; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset { border: 1px solid #ddd;  padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0;}
legend { font-size:1.2em; font-weight: bold; }
textarea { min-height: 50px; }
input[type="text"] { border: 1px solid #b2b2b2; background-color: #FFFFFF; }
input[type="password"] { border: 1px solid #b2b2b2; }
input[readonly] { border-color: #36455d; background-color: #f2f4f8; }
input:hover, textarea:hover, input:focus, textarea:focus { border-color: #C8D9F4; outline:0; }

/* TABLE
----------------------------------------------------------*/
table { border: solid 1px #e8eef4; border-collapse: collapse; }
table td { padding: 4px; border: solid 1px #e8eef4; }
table th { text-align: left; background-color: #e8eef4; border: solid 1px #e8eef4; }

/* MISC  
----------------------------------------------------------*/
.error { color: #FF0000; }
div#title { text-align: left; }
#logindisplay { font-size: 1.1em; text-align: right; color: #FFFFFF; }
#logindisplay a:link, a:visited { color: #FFFFFF; text-decoration: underline; }
#logindisplay a:hover { color: #FFFFFF; text-decoration: none; }
img { border: 0px; }
.menu-img-right { float:right; }


/* STYLES FOR VALIDATION HELPERS
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }

/* STYLES FOR EDITOR AND DISPLAY HELPERS
----------------------------------------------------------*/
div.header-title { font-size: 1.2em; font-weight: bold; text-indent: 2px; }
div.header-buttons { text-align: right; }
input.user-profile { font-weight: normal; }
.user-label { font-weight: bold; border-width:1px; }
.user-label-long { width: 150px; }
.td-popup { border-color: #FFFFFF; border: 0 hidden; }

#main_greeting { color: #FFFFFF; }
#main_search { color: #696969; }
#main_search a:link, a:visited, a:hover { color: #696969; }

/* STYLES FOR GRAPHIC ELEMENTS
----------------------------------------------------------*/
#graphicHeader { background: url(images/cargoNet/cn_header_bg.jpg) repeat-x left bottom; }
#graphicHeaderLeft { background: url(images/cargoNet/cn_header_left.jpg) no-repeat left bottom; }
#graphicHeaderRight { background: url(images/cargoNet/cn_header_right.jpg) no-repeat left bottom; }
#graphicHeaderMiddle { background: url(images/cargoNet/cn_header.jpg) no-repeat left bottom; }

#graphicFooter { background: url(images/cargoNet/cn_footer_bg.jpg) repeat-x left top; }
#graphicFooterLeft { background: url(images/cargoNet/cn_footer_left.jpg) no-repeat left top; }
#graphicFooterRight { background: url(images/cargoNet/cn_footer_right.jpg) no-repeat left top; }

#graphicMain { background: #ebebeb; }
#graphicContent { background: #ebebeb; }

.graphicLinks { color: #3b3b3b; }
a.graphicLinks:link { color: #3b3b3b; }
a.graphicLinks:visited { color: #3b3b3b; }
a.graphicLinks:hover { color: #3b3b3b; }

.whiteLinks { color: #FFFFFF; }
a.whiteLinks:link { color: #FFFFFF; }
a.whiteLinks:visited { color: #FFFFFF; }
a.whiteLinks:hover { color: #FFFFFF; }

.gridLinks { color: #3b3b3b; }
a.gridLinks:link { color: #3b3b3b; }
a.gridLinks:visited { color: #3b3b3b; }
a.gridLinks:hover { color: #FFFFFF; }

.gridLinksSearchKendo { color: #3b3b3b; }
a.gridLinksSearchKendo:link { color: #3b3b3b; }
a.gridLinksSearchKendo:visited { color: #3b3b3b; }
a.gridLinksSearchKendo:hover { color: #3b3b3b; }

.leftButton { border-color: #b2b2b2; color: #3b3b3b; float: left; }
.leftButton, button.leftButton a.leftButton .leftButton:hover { background: #d9d9d9 url('2012.2.719/cargoNet/gradient.png') repeat-x 0 center; }
.leftButton:hover { border-color: #f2f2f2; background: #fafafa url('2012.2.719/cargoNet/hover.png'); color: #000000; }

.rightButton { border-color: #b2b2b2; color: #3b3b3b; float: right; }
.rightButton, button.rightButton a.rightButton .rightButton:hover { background: #d9d9d9 url('2012.2.719/cargoNet/gradient.png') repeat-x 0 center; }
.rightButton:hover { border-color: #f2f2f2; background: #fafafa url('2012.2.719/cargoNet/hover.png'); color: #000000; }

#prevButton { margin: 0px 0px 0px 5px; }
#nextButton { margin: 0px 0px 0px 5px; }
#viewButton { margin: 0px 5px 0px 0px; }

.grid-buttons { float: right; margin: 0px 15px 0px 0px; }

/* SEARCH BOX 
----------------------------------------------------------*/
.textbox { border: solid 1px #36455D; outline: 0; font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; color: #000000; background: #FFFFFF; font-size: 12px; width: 200px; max-width: 200px; padding: 5px; }

img { border: 0; }

#helpMain { width: 1000px; height: 500px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;  background: #000000 url(/Content/images/cargoNet/cn_help_bg.jpg) no-repeat center top; margin: 0; padding: 0; overflow: hidden;}
#helpInfo { width: 390px; height: 116px; margin: 300px 0px 0px 550px; }