/* background light blue: #BDC8E8 */
/* dark blue: #2E3192 	Extra Dark Blue ##1E2060 Medium Red #AA1C22 */
body {font-family: Helvetica, sans-serif; margin:0; padding:0; font-size:14px; background:#EFEFEF; background:url(../images/SS_1.jpg) repeat;}

/* this basic structure of menu items stays the same for all companies */
.MainMenu {width:1220px; height:108px; text-align:center; overflow:visible; /*position:fixed; top:0px; left:50%; margin:0 0 0 -620px;*/ margin:0 auto; z-index:600;
									background:url(../images/SS_1.jpg) repeat;}
/* status menu needs to be left aligned but narrow because of the width of the borders */
.StatusMenu {width:1216px; height:auto; display:none; background:#CCCCCC; border:solid 2px #000000; position:absolute; top:108px; left:50%; margin:0 0 0 -609px;
									padding:0 0 20px 0; text-align:center; z-index:499;}
/* this is deprivated with new layout
.BottomBorder {width:100%; height:100px; background:url(../images/bg_page.gif) repeat; border-bottom:solid 3px #000000; position:fixed; top:0px; left:0px; margin:0; padding:0; z-index:500;}
*/
.MainBody {width:1220px; height:auto; margin:0 0 20px 0; padding:0;}
.MainLogin {width:750px; height:550px; text-align:center; background:#FFFFFF; position:relative; margin:50px 0 0 0; padding:0; border:solid 3px #CCCCCC; 
									border-top:solid 6px #CCCCCC; text-transform:uppercase;}
.MainLogin img {margin:20px 0 25px 0;}
.LoginInner {width:480px; height:280px; text-align:center; background:#BDC8E8; margin:9px 0 0 9px; border:solid 1px #3A55A6;}
.LoginSpacer {width:500px; height:26px; margin:0 auto 5px auto; padding:0; line-height:26px;}
.LoginLower {width:746px; height:50px; background:none; margin:0; padding:0; text-transform:uppercase;}
.MainLogin .LoginA, .LoginA:visited {color:#3A55A6; font-weight:bold; text-decoration:underline;}
.MainLogin .LoginA:hover {cursor:pointer; color:#CD2127; text-decoration:none;}
.LoginLower .LoginA {color:#3A55A6; text-decoration:underline;}
.LoginLower .LoginA:hover {cursor:pointer; color:#CD2127; text-decoration:none;}
.LoginTextBox {width:216px; height:26px; padding:0 6px 0 8px; border:none; margin:0; background:url(../images/TextBoxRed.png) no-repeat top left; 
									color:#FFFFFF;}

/* frame positions at first */
/* put frames ahead of menu items because of z-index */
/* frame items z-index should be less than 100 and allow menu items to be greater than 100 */
.FrameMain {display:none; height:550px; width:1180px; border:none; position:relative; top:103px; left:0px;}

/* this is for the main div on pages inside the Main Content section of the Master Pages */
.InsideFrameBody {width:1200px; min-height:500px; height:auto; margin:0 auto; /*margin:0 0 0 -620px;*/ padding:15px 0 30px 20px; /*position:relative; top:108px; left:50%;*/
									text-align:left; background:url(../images/White_bg.png) repeat;}
.TopPanelOverlay {width:84%; min-width:800px; max-width:1200px; height:80%; position:fixed; top:5%; left:5%; z-index:1100; padding:3%; text-align:left; 
									background:#D2D2D2; overflow-x:hidden; overflow-y:scroll;}

h1 {}
h2 {font-size:20px; padding:0; margin:0; display:inline;}
h3 {font-size:18px; padding:5px; margin:0;}
h4 {font-size:16px; padding:5px 0 5px 0; margin:0;}
p {padding:5px; margin:0px;}

/* buttons */
.ButtonPlain {width:auto; height:30px; margin:3px 3px 3px 0; padding:2px; font-weight:bold; border:1px #000000 outset}
.ButtonPlain:hover {cursor:pointer; color:#CD2127;}
.ButtonPlain:active {border:1px #000000 inset;}
.ButtonNarrow {width:auto; min-width:100px; height:auto; margin:0; padding:2px; font-weight:bold; vertical-align:bottom; border:1px #000000 outset}
/*
.ButtonNarrow {width:auto; height:auto; margin:0; padding:0 2px 0 2px;}
*/
.ButtonNarrow:hover {cursor:pointer; color:#CD2127;}
.ButtonNarrow:active {border:1px #000000 inset;}
.Search65 {height:65px; width:65px; margin:0; padding:0; background:url(../images/Search75.gif) top left no-repeat; border:none;}
.Search65:hover {cursor:pointer;}
.ButtonGreenCheck {height:65px; width:65px; margin:0px; padding:0; background:url(../images/CheckBlue75.png) top left no-repeat; border:none;}
.ButtonGreenCheck:hover {cursor:pointer;}
.ButtonGreenCheckUpdate {height:65px; width:65px; margin:2px 0 0 0px; padding:0; background:url(../images/CheckBlue75Update.png) top left no-repeat; border:none;}
.ButtonGreenCheckUpdate:hover {cursor:pointer;}
.ButtonGreenCheckDispatch {height:65px; width:65px; margin:2px 0 0 0px; padding:0; background:url(../images/CheckBlue75Dispatch.png) top left no-repeat; border:none;}
.ButtonGreenCheckDispatch:hover {cursor:pointer;}
.ButtonGreenCheckClose {height:65px; width:65px; margin:2px 0 0 0px; padding:0; background:url(../images/CheckBlue75Close.png) top left no-repeat; border:none;}
.ButtonGreenCheckClose:hover {cursor:pointer;}
.Exit65 {height:65px; width:65px; margin:0; padding:0; background:url(../images/Red_X2.png) top left no-repeat; border:none;}
.Exit65:hover {cursor:pointer;}
.ReDispatch {background:url(../images/CheckBlue75ReDispatch.png) top left no-repeat;}
.TopRightClose {width:40px; height:40px; position:absolute; top:0; right:0; background:#FF0000; border:none; font-size:20px; font-weight:bold; text-align:center;}


/* general settings */
.Notification {color:#CD2127; font-weight:bold; background:none; border:none; background-color:none;}
.BoldText {font-weight:bold;}
.Font10 {font-size:10px;}
.TextCenter {text-align:center;}
.TextRight {text-align:right;}
.MarginTop50 {margin:50px 0 0 0;}
.MarginLeft10 {margin:0 0 0 10px;}
.MarginLeft50 {margin:0 0 0 50px;}
.MarginLeft100 {margin:0 0 0 100px;}
.MarginLeft200 {margin:0 0 0 200px;}
.MarginLeft300 {margin:0 0 0 300px;}
.MarginNegTop65 {margin-top:-65px;}
.MarginNegTop50 {margin-top:-50px;}
.BlockClass {display:block;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
.PaddingLeftZero {padding-left:0px;}
.Margin10 {margin:10px;}
.TextBoxExtraSmall {width:60px; height:20px; padding:0 2px 0 2px; margin:0;}
.TextBoxSmall {width:110px; height:20px; padding:0 2px 0 2px; margin:0;}
.TextBoxLarge {width:200px; height:20px; padding:0 2px 0 2px; margin:0;}
.TextBoxMultiLine {width:300px; height:60px; padding:0 2px 0 2px; margin:0;}
.TextBoxMultiLine10 {width:300px; height:100px; padding:0 2px 0 2px; margin:0;}
.DropDownNormal {height:22px; padding:0 0 0 2px; margin:0;}
.Width300 {width:300px;}
.Width400 {width:400px;}
.Width500 {width:500px;}
.Height50 {height:50px;}
.Height60 {height:60px;}
.BackgroundPink {background-color:#FF66FF;}

/* Ordered List */
.NumberedList {padding:2px; margin:0 0 0 35px;}
.NumberedList li {list-style-type:decimal; padding:2px; margin:0;}

/* menu bar */
/* left side */
.MenuLeft {float:left; width:200px; height:108px; overflow:hidden;}
.MenuLeft img {margin:10px 0 0 10px;}

/* top level menus */
/* left negative margin allows alignment of right edge of menu items */
.MenuCenter {float:right; width:960px; height:108px; overflow:visible; text-align:left; color:#FFFFFF; margin:0 -2px 0 0;}
.MMInfo {width:950px; height:46px; overflow:hidden; margin:10px 0 0 0; padding:0;}
.MMInfoInner {float:right; width:auto; max-width:800px; height:45px; text-align:left; margin:0 20px 0 0; padding:0;}
.MMInfoLanguage {float:right; width:auto; max-width:140px; height:45px; text-align:left; margin:0 20px 0 0; padding:0;}
.MMInfoLanguage a, a:visited {color:#FFFFFF; text-decoration:none;}

/* menu items top level */
.MenuCenter ul {margin:0; padding:0; text-align:center;}
.MenuCenter ul li {float:right; margin:0 2px 0 0; padding:0; list-style:none; text-align:center;}
.MenuCenter ul li a, a:visited {display:block; width:188px; height:52px; line-height:52px; margin:0; padding:0; text-decoration:none;
									color:#FFFFFF; text-transform:uppercase; font-size:14px; text-align:center; border:none;
									background:url(../images/TabBoth.png) top left no-repeat; z-index:700;}
.MenuCenter ul li a:hover {background:url(../images/TabBoth.png) bottom left no-repeat; cursor:pointer; z-index:700; font-weight:bold; color:#333333;}								
.MenuCenter .FauxSpan {display:block; width:188px; height:52px; line-height:52px; margin:0; padding:0; text-decoration:none;
									color:#FFFFFF; text-transform:uppercase; font-size:14px; text-align:center; border:none;
									background:url(../images/TabBoth.png) top left no-repeat; z-index:700;}	
.MenuCenter .FauxSpan:hover {background:url(../images/TabBoth.png) bottom left no-repeat; border:none; cursor:default; z-index:700; font-weight:bold; border:none;
									color:#333333;}	


/* pop out menu items */
.MenuCenter ul ul {display:none; margin:0; padding:0; text-align:center;}
.MenuCenter ul li:hover > ul {display:block; margin:0; padding:0; position:absolute; text-align:center; z-index:700;}
.MenuCenter ul li:hover > ul li {display:block; float:none; margin:0; padding:0; text-align:center; z-index:700;}
.MenuCenter ul ul li a, a:visited{display:block; width:184px; height:36px; line-height:36px; margin:0; padding:0; text-decoration:none;
									color:#000000; text-transform:uppercase; font-size:14px; text-align:center; border:solid 2px #000000; border-top:none; 
									background:#CCCCCC;	border-radius:0 0 0 0; z-index:700;}
.MenuCenter ul ul li a:hover {cursor:pointer; z-index:700; font-weight:bold; background:#E4E4E4;}

/* menu right side */
/*
.MenuRight {float:right; width:175px; height:100px; overflow:hidden;}
.MenuRight img {margin:14px 0 10px 0;}
*/
/* this is for a menu span item to look the same as abutton but without a click */
.MenuItem {display:block; width:135px; height:28px; line-height:28px; border:solid 1px #000000; margin:0; padding:0; text-decoration:none; color:#FFFFFF;}
.MenuItem:hover {cursor:pointer; z-index:700; font-weight:bold;}

/* password css */
.Password1 {font-size:14px; font-weight:bold; color:#FF0000;}
.Password2 {font-size:14px; font-weight:bold; color: #FF3300;}
.Password3 {font-size:14px; font-weight:bold; color: #FF9999;}
.Password4 {font-size:14px; font-weight:bold; color:#00A600;}
.PasswordBarBorder {border:#000000 solid 1px; width:150px; height:17px;}
.PasswordBarInner { color:#000000;}
.PasswordBarRed { background-color: #FF0000; }
.PasswordBarPink { background-color: #FF9999;}
.PasswordBarYellow { background-color: #FFFF00;}
.PasswordBarGreen { background-color:#00A600;}

/* flyout for AutoComleteExtender*/
.ACE-List { list-style:none; padding:0; margin:0px;}
.ACE-ListItem {width:430px; background:#FFFF00; padding:1px; margin:0px; font-size:14px;}
.ACE-ListItemHighlight {width:430px; background:#FF00FF; padding:1px; margin:0px; font-size:14px; cursor:pointer;}

/* ===================== panels ==================*/
.UpdatingWrapper {width:100%; height:100%; position:fixed; top:0; left:0; z-index:900;}
.divUpdatingLoading {margin:50px 0 0 -250px; padding:30px 0 0 0; width:500px; height:300px; border:#0000FF solid 6px; text-align:center;
									background-color:#FFFFFF; position:fixed; top:0px; left:50%; z-index:901;}

/* status window up down arrows */						
.StatusArrow {position:absolute; top:7px; right:0px; z-index:101;}
.StatusArrow:hover {cursor:pointer;}
.Exit30 {height:30px; width:30px; margin:0; padding:0; background:url(../images/Red_X.gif) top repeat-x; border:none;
									position:fixed; top:45px; right:33px; z-index:101;}
.Exit30:hover {cursor:pointer;}

.PopUpPanel {width:500px; height:auto; min-height:20%; margin:0 0 0 -250px;; padding:1%; border:solid 4px #AA1C22; border-radius:10px; background:#FFFFFF;
									position:fixed; top:20%; left:50%; z-index:200; text-align:center;}
.BlueLink {display:inline; color:#000066; text-decoration:underline; background:none; border:none;}
.BlueLink:visited {display:inline; color:#000066; text-decoration:underline; background:none; border:none;}
.BlueLink:active {display:inline; color:#000066; text-decoration:underline; background:none; border:none;}
.BlueLink:hover {display:inline; color:#FFFFFF; background:#000066; cursor:pointer; border:none;}