﻿html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; color: #333; background-color: #666; }
body, textarea { font: 12px/1.4 arial, helvetica, sans-serif; }
textarea { overflow: auto; }
input[type=text], input[type=password], textarea { padding: 2px; }
a, a:visited { color: #1111cc; outline: none; }
h1 { font-size: 1.2em; font-weight: bold; margin-bottom: 20px; padding: 0 0 5px; border-bottom: 1px solid #ddd; color: #f5821f; }
h2 { font-size: 1.1em; font-weight: bold; padding: 0; margin: 0; }
p, pre { margin: 1em 0 1em; }

#container-wrapper { margin: 1em auto; padding: 0; text-align: left; width: 758px; }

#container { width: 100%; margin: auto; background-color: #fff; }
#header { background-color: #4c4b4b; height: 107px; }
#header a, #header a:visited { color: #ccc; }
.header_left { float: left; padding: 15px 0 0 10px; }
.header_right { float: right; font-size: 8pt; padding: 10px 15px 0 10px; }
.header_right a { text-decoration: none; color: #fff; }
.header_right a:hover { text-decoration: underline; }

#menu { height: 22px; width: 658px; float:right}
#menu #left { background: url('/images/menu_left.jpg') no-repeat; height: 22px; width: 258px; float: left; }
#menu #right { height: 22px; width: 400px; float: right; }
#menu #right ul { width: 576px; list-style-type: none; background: url('/images/menu_sliver.jpg') repeat-x; }
#menu #right ul .mItem { float: left; display: block; width: 99px; font-size: 12px; color: white; font-weight: bold; text-align: center; }
#menu #right ul .mItem_End { float: left; display: block; width: 100px; font-size: 12px; color: white; font-weight: bold; text-align: center; }
#menu #right ul .mItem a { width: 99px; display: block; height: 19px; color: white; text-decoration: none; padding-top: 3px; background: url('/images/menu_sliver.jpg') repeat-x; }
#menu #right ul .mItem a:hover { width: 99px; display: block; padding-top: 3px; color: white; text-decoration: none; background: url('/images/menu_sliver_ro.jpg') repeat-x; }
#menu #right ul .mItem_End a { width: 100px; display: block; height: 19px; color: white; text-decoration: none; padding-top: 3px; background: url('/images/menu_sliver.jpg') repeat-x; }
#menu #right ul .mItem_End a:hover { width: 100px; display: block; padding: 0px; margin: 0px; height: 19px; padding-top: 3px; color: white; text-decoration: none; background: url('/images/menu_sliver_ro.jpg') repeat-x; }
#menu #right ul .mSpacer { background: url('/images/menu_spacer.jpg') no-repeat; height: 22px; width: 1px; float: left; display: block; }

#content { padding: 10px; min-height: 600px; }

.nav-toolbar { margin: 0; height: 55px; /*background: url('/images/nav-toolbarbg-gray.png') repeat-x;*/ }
.nav-toolbar ul { margin: 0px; padding: 0; list-style: none; }
.nav-toolbar ul li, .nav-toolbar ul li.last, .nav-toolbar ul li:hover.last { font-weight: bold; display: inline-block; float: left; /*background: url('/images/nav-toolbar-item-bg-gray.png') top left no-repeat;*/ padding: 0 5px; height: 55px; width: auto; }
.nav-toolbar ul li:hover, .nav-toolbar ul li.hover { background-color: #BBCCFF; }
.nav-toolbar ul li a { font-size: 11pt; height: 55px; padding: 18px 10px 3px 15px; color: #333; display: inline-block; width: auto; text-decoration: underline; outline: none; }
.nav-toolbar ul li a:hover { }
.nav-toolbar ul li ul { -moz-box-shadow: 0 3px 10px #CCC; -webkit-box-shadow: 0 3px 10px #CCC; box-shadow: 0 3px 10px #CCC; background: #BBCCFF; display: none; position: absolute; z-index: 1; border-top: 0; padding: 8px 0; }
.nav-toolbar ul li ul li { width: 100%; height: 21px; background: #BBCCFF; margin: 0; padding: 0; overflow: hidden; line-height: normal; }
.nav-toolbar ul li ul li a { text-decoration: none; font-size: 10pt; width: 100%; display: block; height: auto; padding: 3px 0px 3px 15px !important; background-color: #BBCCFF; background-position: 3px 3px !important; background-repeat: no-repeat; outline: none; }
.nav-toolbar ul li ul li a:hover { background-color: #DDE5FF; height: 55px; text-decoration: none; }

#footer { background-color: #4c4b4b; color: #eee; font: 10px/16px verdana,arial,helvetica,sans-serif; padding: 15px 15px 22px 15px; height: 70px; }
#footer a, #footer a:visited { color: #ccc; }
.footer_left { float: left;width: 33%;}
.footer_center { float: left;width: 34%;}
.footer_right { float: right; width: 33%;}

.bg-gray { background-color: #f5f5f5; }
.bg-blue { background-color: #6b90da; }

.red { color: red; }
.gray { color: #999; }
.blue { color: #6b90da; }
.white { color: #fff; }

.error { color:red;font-weight: bold;}
.bigError { color:red;font-weight: bold; font-size: large}
.gridViews
{
    margin: 10px 0px 10px 0px;
    font-size: 8.5pt;
    background-color: White;
    border-color: #DEDFDE;
    border-style: none solid none solid;
    border-width: 1px;
    color: Black;
}

.floatDiv
{
    border-style: solid;
    border-width: medium;
    position: relative;
    top: -100px;
    float: right;
    background-color: #FFFFFF;
    width: 80%;
    height: 100px;
}
.fsmall, .font_small { font-size: 8.5pt; }
.font_small_em { font-size: 8.5pt; font-weight: bold;   }
.font_medium { font-size: 11pt; }
.font_medium_em { font-size: 11pt; margin-top:10px;font-weight:bold }
.font_large_em
{
    font-size: 16pt;
    font-weight: bold;
}
.basicTable
{
    border: thin solid #000000;
    width: 100%;
}
.basicRow
{
    margin: 10px 10px 10px 10px;
}

.italic { font-style: italic; }
.bold { font-weight: bold; }
.no-underline, .no-underline a { text-decoration: none; }

.vmiddle { vertical-align: bottom; }
.center { text-align: center; }
.right { text-align: right; }
.f-right { float: right; }
.f-left { float: left; }
.clear { clear: both; }
.hide { display: none; visibility: hidden; }

.border { border: solid 1px #ccc; }

.info-box { background-color: #ffffcc; border: 1px solid #c5c5c5; margin-bottom: 10px; padding: 8px; }
.info-box ul { list-style-type: lower-alpha; padding: 0; margin: 5px 0 0 40px; }

.blue-box { background-color: #f0f6ff; border: 1px solid #e1ecfe; margin: 1em 0; padding: 1em; }
.rounded { padding: 2px 5px 2px 4px; -moz-border-radius: 3px 3px 3px 3px; background-color: #0077dd; color: #ffffff !important; }

.w25 { width: 25px; }
.w50 { width: 50px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w125 { width: 125px; }
.w100p { width: 100%; }
.pad10 { padding: 10px; }
p.breadcrumbs { font-size: 0.85em; margin-top: 1em; }

div.info { color: #999; }
div.clear { clear: both; }

table tr.top td, table td.top, .top { vertical-align: top; }

/*table.form th, table.form td { border: none; padding: .5em .5em .5em 0; }*/
table.form th, table.form td { border: none; }
table.form td { padding: 0.5em; border-width: 0; vertical-align: middle; }
table.form textarea { width: 400px; height: 150px; }

table.search td { border-width: 0; vertical-align: middle; padding: 2px; }
table.search input[type=text], textarea { padding: 2px; }
table.search input[type=submit] { width: 100px; }


/*.grid { width: 100%; }*/
.grid, .grid th, .grid td { border: solid 1px #ccc !important; }
.grid th { padding: 6px !important; text-align: left; background-color: #ddd; font: bold 1em/1.231 arial, helvetica, sans-serif; color: #000; }
.grid th.center, .center { text-align: center; }
.grid td { padding: 6px; vertical-align: top; }
.grid-pager-row table { width: 100%; }
.grid-pager-row table td { font-size: 0.85em; font-weight: bold; padding: 0px; border: none !important; }
.grid textarea { width: 98%; height: 100px; background-color: #444; border: 1px solid #555; padding: 3px; }

.grid-no-lines, .grid-no-lines td { border: 0px !important; }
.grid-no-lines td { padding: 6px; vertical-align: middle; }

.popup { border: solid 3px #6b90da; background-color: #fff; padding-bottom: 10px; }

.popup table { width: 100%; }
.popup-header { padding: 5px; background-color: #6b90da; color: #fff; height: 16px; border-bottom: solid 1px #ddd; }
.popup-header a { color: #fff; }
.popup-bg { background-color: #fff; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
.popup div.popup-content { padding: 10px; }
.popup input[type=submit] { padding: 2px !important; }

table#downloads_nav_links { padding-bottom: 5px; }
table#downloads_nav_links a, table#downloads_nav_links a:visited { text-decoration: none; background-color: #eee; padding: 3px; border: solid 1px #ddd; }
table#downloads_nav_links a:hover { text-decoration: underline; }

div#login_box { background-color: #fff; border: 1px solid #eee; margin: 14em auto; width: 350px; padding: 3px; }
div#pwd_reset_box { background-color: #fff; border: 1px solid #eee; margin: 14em auto; width: 400px; padding: 3px; }
.alert { background-color: #fff9ca; border: 1px solid #888; color: #2e2e2e; padding: 0.5em 0.5em 0.5em 2.5em; }

.treeview_dashboards_list table td a { padding: 10px 5px; color: #333; text-decoration: none; cursor: pointer; }
.adminmenu_wrapper { background-color: #eee; border-bottom: solid 1px #ccc; }

/* Existing CMS styles */
.subpagetitle { font-size: 18px; font-weight: bold; color: #231f20; }
.orangetitle { font-size: 12px; font-weight: bold; color: #f58220; }
.orangetitle a { font-size: 12px; font-weight: bold; color: #f58220; text-decoration: underline; }
.subpagegray { font-size: 12px; font-weight: bold; color: #58585a; }
.subpagegray a { font-size: 12px; font-weight: bold; color: #58585a; text-decoration: underline; }
.subpagetitle { font-size: 18px; font-weight: bold; color: #231f20; }
#title { font-size: 12px; font-weight: bold; color: #f58220; }
.productDetail { width: 600px; padding: 0px 0px 20px 0px; vertical-align: top; }
.productDetail .sp3_img { width: 165px; float: left; display: block; }
.productDetail .sp_content { float: left; padding: 5px 5px 5px 10px; width: 410px; vertical-align: top; }

div#updateAccountMessage, span#validateEmailMessage { background-color: #eee; border: 1px dashed #ccc; padding: 5px; }

.mustHavesUpload { width: 65%;margin: auto; border: 1px solid #4a4949; background-color: #4a4949; color: #d66727;font-weight: bold; }
.mustHavesUploadForm{ background-color: #fff;padding: 10px;color: #000;font-weight: normal;font-size: 12px;}
.mustHaves { width: 95%;border: 1px solid #4a4949; }
.mustHaves th { font-weight: bold;text-align: center;background-color: #4a4949;color: #d66727; }
.mustHaves td { padding:5px;font-size:10px;border: #4a4949;border-bottom: 1px solid;border-right: 1px solid;}
.mustHavesSpacer { width: 10px;}

.orderEntryTabs{background: #ffffff}

#page_tabs ul.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}


.auto-style1
{
    text-align: right;
}

.auto-style2
{
    width: 95px;
    text-align: left;
}

.newStyle1
{
}

.auto-style3
{
    text-align: right;
    width: 140px;
}