@import "typography.css";
@import "menu.css";
@import "forms.css";

html, body { height: 100%; }
#doc3 { margin-left: 0; margin-right: 0px; }
#bd { background: #fff; padding: 2em; min-height:300px; height:auto !important; height:300px; }
.yui-gf .yui-u{width:79%;}
.yui-gf div.first {width:19%;}

#login #bd								{ background: #333;} 
.login-container                        { width:555px; margin:110px auto; background-color: #f8f8f8; border: 1px solid #888; }
.login-form                             { padding:15px; background:url(../images/login_box_bg.jpg) no-repeat; text-align:left;  }
.login-form .input-box input 			{ width:235px; font-size: 14px; padding: 2px;}
.login-form h2                          { font-size:1.7em; font-weight:normal; }
.login-form label                       { font-weight:bold; }
.login-container .legal                 { margin:0; background:#fff; padding:8px 8px 5px 8px; font-size:.95em; border-top: #888 solid 1px; text-align: center; }
.login-form .forgot-link                { margin:0 17px 0 0; text-align:right; }

.logo { float:left; }
.header { text-align:right; }
.global-search { padding:10px 25px 10px 15px; font-size:.95em; color:#fff; }
.global-search legend { color: #043465; }
.global-search fieldset { display:inline; padding: 0 0 0 10px; margin: 0; border: 0;}
.global-search fieldset input.input-text { width:18em; }
.nav-bar { color: #fff; border-top:1px solid #888; border-bottom:1px solid #2d444f; padding: 0; margin: 0; }
.nav-bar a, .nav-bar a:hover  { color:#fff; }
.nav-bar a:hover { background: #767e83; }
.nav-bar .login { float:right; padding: 3px 0; margin: 0; font-size: 1em;}
.nav-bar .logout { text-decoration: none; font-weight: bold;}
	
.footer { background: #e6e6e6; color: #666; padding:10px 1.8em 0.8em 1.8em; font-size:.95em; border-top: 2px solid #ccc; }
.footer .stats { text-align : right; }
.footer .locale { text-align : left; }
.footer .version { padding-top: 5px; text-align : center; }

.vertical-tabs { margin: 0; }
.vertical-tabs h2 { margin-left: 0.2em; margin-bottom: 0.4em; margin-top : 0; color: #666; }
.vertical-tabs ul { margin: 0; border-top:1px solid #bebebe; list-style-type: none; width: 223px; }
.vertical-tabs a { display: block; padding: 0.40em 0.40em 0.40em 1.5em; background-color: #e7e7e7; border-bottom: 1px dashed #ccc; border-right: 2px solid #ccc; }
.vertical-tabs a.selected {background: #fff; border-bottom: 1px solid #ccc; border-right: 2px solid #fff; }
.vertical-tabs a:link, .vertical-tabs a:visited { color: #000; text-decoration: none; }

ul.horizontal-tabs                   { margin: 0 0 15px 0; background: #f8f8f8; border-bottom: 1px solid #ccc; padding: 12px 0 18px 5px; }
ul.horizontal-tabs li                { margin:-4px 4px; display:block; padding: 4px; float:left; }
ul.horizontal-tabs li a              { background:#e2e2e2; border:1px solid #ccc; padding:3px 10px; color:#333 !important; text-decoration:none !important; }
ul.horizontal-tabs li a.unselected   { color:#999 !important; }
ul.horizontal-tabs li a.selected     { border-bottom:1px solid #fff; background:#fff; }

.form                      { width:auto; border:0 !important; margin: 0; padding: 0; }
.form td                   { border:0 !important; padding-top:4px !important; padding-bottom:4px !important; background:0 !important;  }
.form td.hidden            { border:0 !important; padding:0 !important; background:0 !important; }
.form td.label             { width:150px; }
.form td.label label       { width:150px; padding-right:15px; }
.form td.value input.input-text,
.form td.value textarea    { width:274px; }
.form td.value textarea    { height:60px; width:500px; }
.form td.value select      { width:200px; }
.form .note                { font-size: 0.9em; margin-top: 4px; color: #444;}

.grid                           { position:relative; border-bottom:0; padding-bottom:.5em; }
.grid table                     { width:100%; border:1px solid #cbd3d4; border-bottom:none; }
.grid table.border              { border:1px solid #cbd3d4; }
.grid tbody                     { background:#fff; }    /* Zebra odd-row */
.grid tr.even, td.even, .grid tr.even tr { background:#f6f6f6; } /* Zebra even-row */
.grid tr.on-mouse               { background:#fcf5dd; cursor:pointer; } /* Rows mouse-over */
.grid tr.invalid                { background-color:#d3a5ba !important; }
.grid tr.dark					{ background: #666; }
.grid th, .grid td              { padding:2px 4px 2px 4px; }
.grid th                        { white-space:nowrap; }
.grid th a                      { color: #222; }
.grid td input.input-text       { width:86%; }
.grid table td                  { border-width:0 1px 1px 0; border-color:#dadfe0; border-style:solid; }
.grid table.border td           { background:#fff !important; }
.grid table td.last             { border-right:0; }
.grid table td.product          { text-align:right; }
.grid table td.empty-text       { padding:15px; }
.grid table td .action-select   { width:100%; }
.grid .separator                { padding:0 4px; color:#b9b9b9; }

.grid tbody.odd tr              { background:#fff !important; }
.grid tbody.even tr             { background:#f6f6f6 !important; }
.grid tbody.odd tr td,
.grid tbody.even tr td          { border-bottom:0; }
.grid tbody.odd tr.border td,
.grid tbody.even tr.border td   { border-bottom:1px solid #dadfe0; }

.grid .search tr           { background:#e4eaf1; }
.grid .search tr td		   { background:#e4eaf1; padding:10px; }
.grid .search tr.border td    { border-bottom:1px solid #dadfe0; }

.grid tr.headings { background:url(../images/sort_row_bg.gif) 0 50% repeat-x; }
.grid tr.headings th { border-width:1px; border-color:#f9f9f9 #d1cfcf #f9f9f9 #f9f9f9; border-style:solid; padding: 0.5em; font-size:0.9em; }
.grid td { padding: 4px 0px 4px 4px; }

.grid table tfoot tr            { background:#D7E5EF; }
.grid table tfoot tr td         { border-top:1px solid #9babb9; background:#e5ecf2; line-height:1.7em; }
.grid table.border tfoot tr td  { background:#D7E5EF !important; }

.dashboard                    { border:1px solid #ccc;  }
.dashboard-container	      { padding: 1em; }
.bar 						  { margin-bottom:10px; border:1px solid #cddddd; background:#e4eaf1; padding:5px 10px 5px 10px ; }
.search					      { background:#f6f6f6; border:1px solid #cbd3d4; }

.pages {padding: 0; margin:0;}
ul.pages { font-size: 0.9em; min-height: 20px; margin: 0 0 6px 2px; }
ul.pages li { float: left; list-style-type:none; padding: 1px 5px; border: solid 1px #666; background: #F9F9F9; margin: 0 2px 0 0; }
ul.pages li.current, ul.pages li.number { background: #FFC9A5; }
ul.pages li.last { background: #DFE6EF; }
ul.pages li.disabled { color: #DDD; border: 1px solid #EEE;}
ul.pages li a { color: #555; }

.notification{ padding:5px 5px 5px 37px; background:#FBE3E4 url(../images/error_icon.gif) 17px 5px no-repeat; border: 0; border-bottom:1px solid #eee2be; font-size: 1em; margin:0 0 -3px; color:#444; position:relative; }
.notification .label { color:#eb5e00; }
.notification .clickable { cursor:pointer; }
.notification span.critical { color:#d20000; }
.notification a:hover { text-decoration:none; }


div.clear {clear: both;}