﻿/*
     Background pattern from subtlepatterns.com
*/
.bodyFormat
{
    /*background-image: url('../Images/skin_side_up.png');
    background-repeat: repeat;
    background-attachment: scroll;
    margin-right: 516px;*/

    /*this next setting are important in centering the page on the browser.*/

    /*position: relative !important;
    float: left;
    left: 47%;
    top: 10px;
    margin: 0px 0px 0px -485px;
    
    min-height:660px !important;*/

    min-height: 660px;
    margin: 0 auto;
    min-width: 100%;
    
    background-image: url('../Images/little_pluses180.png'), url('../Images/skin_side_up.png');
    background-repeat: repeat-x, repeat;
   
}

.wrap 
{ 
    white-space: normal; width: 100px;
    z-index: 1;
    left: 354px;
    top: 37px;
    position: absolute;
}

.GridGeneral
{
    font-family: Calibri;
}

.GridGeneral td
{
    border-style: none solid none solid;
    border-width: 1px;
    border-color: tan;
}

.GridGeneral th
{
    border-style: none;
}
/*.GridGeneral th, .GridGeneral td
{
    border:1px solid #fff000;
}*/

.Grid, .Grid th, .Grid td
{
    border:1px solid tan;
}
    
#HeaderColoration 
{            
    z-index: -2;
    /*left: 0px;*/
    top: -10px !important;
    position: absolute;
    height: 180px !important;
    width:205%;
    /*max-width:205%;*/
    margin-left:inherit;
    /*margin-right:0px;*/
    /*margin-top:inherit;*/
    /*float:left;*/
    /*background-color:lightgray;*/
    /*left: 0px;*/
    /*float: left;*/
    /*left: 47%;*/
    /*margin: 0px 0px 0px -485px;*/
    background-image: url('../Images/little_pluses.png');
    background-repeat: repeat;
    background-attachment: scroll;   
}
#FooterColoration 
{            
    /*z-index: -2;
    
    top: 150px !important;
    position: relative;
    
    min-height:270px;
    
    width:205% !important;
    margin-left:inherit;
    
    background-image: url('../Images/binding_dark.png');
    background-repeat: repeat;
    background-attachment: scroll;*/
    
    
     z-index: -2;
    /*left: 0px;*/
    top: 150px;
    position: relative;
    height: 200px;
    /*height: 200px;*/
    /*min-width:1003px;*/
    min-width:1193px;
    /*background-color:black;*/
    margin: 0 auto;
    /*overflow:hidden;*/
    background-image: url('../Images/binding_dark.png');
    background-repeat: repeat;
    background-attachment: scroll;
    padding:0px;      
}

.BrowserRefreshAndBackWarning 
{               
    z-index: 5; 
    left: -14px; 
    top: 146px; 
    position: relative; 
    height: 13px; 
    width: 753px;      
    margin: 0 auto;
    padding:0px;    
}

.PlainGenClass 
{
    background-image: url('../Images/skin_side_up.png');
    background-repeat: repeat;
    background-attachment: scroll;
    margin-right: 516px;
    /*position: relative;
    float: left;
    left: 47%;
    top: 10px;
    margin: 0px 0px 0px -492px;*/
    min-height:660px;
}

#loginDetails
{
    background-color: #E6E6E6;
    border-radius: 20px;
}

#Footer
{
    border-width: thin;
    border-style: solid none none none;
    border-color: #0099CC;
}

#FooterWide
{
    border-width: thin;
    border-style: solid none none none;
    border-color: #0099CC;
}

.ParentMenuHighlighter
{
    background-color: Gold;
    height: 29px;
    color: #000000;
}
/*can be used for any label*/
.labelsFormart
{
    Font-Size: Medium;
    font-family: Calibri;
    font-weight: normal;
    color: #000000;
}
.button
{
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -khtml-border-radius: 3px !important;
    border: 1px solid #1777b7;
    font-family: calibri;
}

.button_Noborder
{
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -khtml-border-radius: 3px !important;
    font-family: calibri;
}

.Gridbutton
{
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -khtml-border-radius: 3px !important;
    border: 1px solid #1777b7;
    font-family: calibri;
    background-color:#33ccff;
    color:black;
}

.StyleAux:hover
{
    /*background:#E6E6E6;*/
    text-decoration: none;
    font-weight: bold !important;
}
#divWelcome
{
    z-index: 1;
    left: 515px;
    top: 3px;
    position: absolute;
    height: 260px;
    width: 289px;
    /*border: thin solid #0099CC;
    border-radius: 20px;*/
}
.Navlnkbutton
{
    border-width: thin;
    border-color: #000000;
    text-decoration: none;
    z-index: 1; /*left: 11px;
    top: 0px;*/
    position: absolute;
    border-left-style: none;
    border-right-style: solid;
    border-top-style: none;
    border-bottom-style: none;
    color:#9D2235;
    /*color: #CC6600;*/
}
.Navlnkbutton:hover
{
    /*background:#E6E6E6;*/
    text-decoration: none;
    font-weight: bold !important;
}
.AuxStyle:hover
{
    /*background:#E6E6E6;*/
    text-decoration: none;
    font-weight: bold !important;
}
#GeneralMaster
{
    /*height:auto;
    width: 1370px;
    
    min-height:660px;
    position:relative;
    margin: 0 auto;*/

    height:auto;
    /*width: 1350px;*/
    width: 1160px;
    min-height:660px;
    position:relative;
    margin: 0 auto;
}
.BoxFormat 
{
    border-width: thin;
    border-color:darkgoldenrod;
    border-style: solid;
    background-color:lightyellow;   
}
.description {
  color: black;
}
.description em {
  color: #0099CC;
  font-style: normal;
}
.CheckList {
  color:darkorange;
  font-size:large;
  font-weight:bold;
}
.HeaderTitle {
    color: #0099CC;
    /*Used for rotation*/
}
.Inside:link {
    color: red;
    background-color: transparent;
    text-decoration: none;
}
.Inside:visited {
    color: red;
    background-color: transparent;
    text-decoration: none;
}
.Inside:hover {
    color: darkgreen;
    background-color: transparent;
    text-decoration:none;
    font-weight:bold;
}
.Inside:active {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}
#Move 
{
    /*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);*/
}

/*Collapsible divs*/
.layer1 
{
    margin: 0;
    padding: 0;
    width: 810px;
    top:0px;
    position:relative;
    left: 0px;
}

.heading
{
    margin: 1px;
    color: #0099CC;
    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color: lightyellow;
    border-width: thin;
    border-color: darkgoldenrod;
    border-style: solid;
}
.content 
{
    padding: 5px 10px;
    background-color:#fafafa;
}
p { padding: 5px 0; }

/*end collapsible section*/

.QuoteDetails fieldset
{
    /*border: 1px solid white;*/
    border: 1px solid groove;
    border-color: Window;
    background-color: #E6E6E6;
    color: #3366CC !important;
    height: 775px !important;
}
.PanelGeneral fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:125px !important;
}

.PanelDocumentAttachment fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:208px !important;
    border: 1px solid groove;
    border-color: Window;
}

.PanelRequiredDocuments fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:260px !important;
    border: 1px solid groove;
    border-color: Window;
}

.PanelLoginRetrieval fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:350px !important;
}

.PanelCustomerExistense fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:350px !important;
}

.PanelUnits fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:330px !important;
}

.ShipperRegDetails fieldset
{
    /*border: 1px solid white;*/
    border: 1px solid groove;
    border-color: Window;
    background-color: #E6E6E6;
    height: 700px !important;
    /*border-radius:20px;*/
}

.CarrierRegDetails fieldset
{
    /*border: 1px solid white;*/
    border: 1px solid groove;
    border-color: Window;
    background-color: #E6E6E6;
    height: 610px !important;
    /*border-radius:20px;*/
}

.CarrierRegDetails2 fieldset
{
    /*border: 1px solid white;*/
    border: 1px solid groove;
    border-color: Window;
    background-color: #E6E6E6;
    height: 570px !important;
    /*border-radius:20px;*/
}

.PreRegDetails fieldset
{
    /*border: 1px solid white;*/
    border: 1px solid groove;
    border-color: Window;
    background-color: #E6E6E6;
    height: 625px !important;
}

.PanelForShipperReg fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:150px !important;
}

.PanelForShipperReg2 fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:140px !important;
}

.PanelForPreReg fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:300px !important;
}

.PanelForShipperRegCompInfo fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:200px !important;
}

.PanelForShipperRegCompInfo2 fieldset
{
    font-family: calibri;
    font-weight: bold;
    color: #3366CC !important;
    height:172px !important;
}
/*Used to prevent flicker on menu - sitemap*/
#Menu2 ul li ul
{
    display: none;
}
/*Used to prevent flicker on menu - sitemap*/
#Menu2 ul li
{
    position: relative;
    float: left !important; /*This line is critical in removing flicker*/
    list-style: none;
}
.ErrorlabelsFormart
{
    Font-Size: Medium;
    font-family: Calibri;
    font-weight: normal !important;
    color: red;
}
 #UserType
{
    z-index: 1;
    left: 80px;
    top: 175px;
    position: relative;
    /*height: 640px;*/
    height: 750px;
    width: 997px;
}

 #GeneralOutside2
{
    /*z-index: 1;*/
    left: 80px;
    /*left: 2px;*/
    /*top: 150px !important;
    position: relative !important;*/
    /*height: 610px !important;*/
    height: 750px !important;
    width: 997px;
    /*width: 983px;*/
    border: 1px solid #C0C0C0;
    background-color: #E6E6E6;
    border-radius: 20px;
}

 #OutsideDiv
{
    /*z-index: 1;
    left: 113px;
    top: 150px;       
    position: relative;*/
    height: 750px;      
    /*height: 610px;*/           
    /*width: 787px;*/
    /*width: 807px;*/
}

 /*List, listitem and ListHighlighted are used to fomart the autocompleteextender*/
.List
{
    /*position:absolute !important;*/ /*left:0 !important;*/ /*top: 0px !important;*/ /*margin: 0px !important;*/ /*overflow:auto;*/ /*left:initial;*/
    margin: 0px !important;
    border: solid 1px Gray !important;
    padding: 0px !important;
    position: absolute !important;
    overflow-y: auto !important;
    min-height: 10px !important;
    max-height: 200px !important;
    background-color: #FFFFFF;
    font-family: 'Calibri !important';
    font-size: small !important;
    font-weight: normal;
    line-height:20px; 
    /*width:314px !important;*/
    /*left: -1px !important;*/
}

.listItem
{
    color: black !important;
    padding: 1px !important;
}

.ListHighlighted
{
    color: White !important;
    background-color: #3399FF !important;
    cursor: pointer !important;
}


.AutoExtender
{
    font-family: Verdana, Helvetica, sans-serif; 
    font-size: .8em;
    margin:0px;
    font-weight: normal; 
    border:solid 1px #006699;

    line-height:20px; 
    padding:0px;
    background-color:White; 
}

.AutoExtenderList
{
    border-bottom:dotted 1px #006699; 
    cursor:pointer;
    color:Maroon;
    left:auto;
    margin:0px;         
}

.AutoExtenderHighlight
{
    color:White; 
    background-color:#006699;
    cursor:pointer; 
    margin:0px;
}


 .StyleLinkButton:hover
{
    /*background:#E6E6E6;*/
    text-decoration: none;
    font-weight: bold !important;
    font-size: larger;
}

 #Msg
{
    border-style: none none none solid;
    border-left-width: thin;
    border-left-color: #9D2235;
}

.StyleAux:hover
{
    /*background:#E6E6E6;*/
    text-decoration: none;
    font-weight: bold !important;
}
#div_choose 
{
    z-index: 2;
    left: 6px;
    top: 123px;
    position: absolute;
    height: 281px;
    width: 474px;
    /*border: medium solid #0099CC;*/
	border-radius: 20px;
}
.ColorLink:hover
{
    /*background:#E6E6E6;*/
    color: gold !important;
    /*color:#0099FF !important;*/
    text-decoration: none;
}

#NavCommands
{
    /*border: thin solid #EBEBEB;*/
    border: medium solid #0099CC;
    border-radius: 20px;
    background-color: #E6E6E6;
    width: 700px;
    z-index: -2;
    left: 142px;
    top: 85px;
    position: absolute;
    height: 470px;
}
#Secure
{
    z-index: 1;
    /*left: 113px;*/
    left: 80px;
    top: 150px;
    position: relative;
    /*width: 807px;*/
    width: 997px;
    height: 650px;
}

/*For formatting CenterMain*/
#CompanyManagement_Shipper, #CompanyManagement_Carrier, #UsersManagement, #ShipperLoadManagement, #CarrierLoadManagement, #myReports
{
    border: medium solid #0099CC;
    border-radius: 20px;
    position: absolute;
    height: 91px;
    width: 251px;
}

#AdminLoadManagement
{
    border: medium solid #0099CC;
    border-radius: 20px;
    position: absolute;
    height: 91px;
    width: 102px;
    z-index: 1;
    left: 296px;
    top: 349px;
}

#CompanyManagement_Shipper
{
    z-index: 1;
    left: 29px;
    top: 42px;
}

#CompanyManagement_Carrier
{
    z-index: 1;
    left: 415px;
    top: 43px;
}

#UsersManagement
{
    z-index: 1;
    left: 27px;
    top: 201px;
}

#myReports
{
    z-index: 1;
    left: 415px;
    top: 201px;
}

#ShipperLoadManagement
{
    z-index: 1;
    left: 27px;
    top: 349px;
}

#CarrierLoadManagement
{
    z-index: 1;
    left: 415px;
    top: 349px;
}
.CalenderLook .ajax__calendar_container
{
    /*border: 1px solid #646464;
	background-color: #0099CC;
	color: #FFFFFF;*/
    border: 1px solid #646464;
    background-color: lemonchiffon;
    color: #9D2235;
    font-weight: normal;
}

.CalenderLook .ajax__calendar_active
{
    font-weight: bold;
    color: #000000;
}

.CalenderLook .ajax__calendar_today
{
    font-weight: bold;
    color: #000080;
}

.CalenderLook_PasDateDisabled .ajax__calendar_container
{
    /*border: 1px solid #646464;
	background-color: #0099CC;
	color: #FFFFFF;*/
    border: 1px solid #646464;
    background-color: lemonchiffon;
    color: #9D2235;
    font-weight: normal;
}

.CalenderLook_PasDateDisabled .ajax__calendar_active
{
    font-weight: bold;
    color: #000000;
}

.CalenderLook_PasDateDisabled .ajax__calendar_today
{
    font-weight: bold;
    color: #000080;
}

.CalenderLook_PasDateDisabled .ajax__calendar_day_disabled
{
    background-color:#ccc !important;
    color:#eee !important;
}

/*routine CSS for most modules*/
.StandardCovers
{
    z-index: 1;
    /*left: 113px;*/
    left: 80px;
    top: 150px;
    position: relative;
    /*width: 807px;*/
    width: 997px;
    border: 1px solid #C0C0C0;
    background-color: #E6E6E6;
}
.StandardCovers2
{
    z-index: 1;
    /*left: 113px;*/
    top: 180px;
    position: relative;
    /*width: 807px;*/
    /*border: 1px solid #C0C0C0;
    background-color: #E6E6E6;*/
}

.StandardCovers_Message
{
    z-index: 1;
    left: 80px;
    top: 150px;
    /*left: 113px;*/
    top: 150px;
    position: relative;
    /*width: 807px;*/
    width: 997px;
}

.Div_Detail_Section
{
    z-index: 1;
    /*left: 113px;*/
    left: 80px;
    top: 150px;
    position: relative;
    /*width: 807px;*/
    width: 997px;
    border: 1px solid #C0C0C0;
    background-color: #E6E6E6;
    height: 780px;
}

.div_External_Search_Param
{
    z-index: 3;
    left: 15px;
    top: 123px;
    position: absolute;
    width: 962px;
    border: 1px solid #C0C0C0;
    background-color: #E6E6E6;
    height: 232px;
}

.External_cmdsForSearch
{
    z-index: 1;
    left: 15px;
    top: 49px;
    position: absolute;
    height: 61px;
    width: 962px;
    border: 1px solid #C0C0C0;
    background-color: #E6E6E6;
}

.External_Search_Params fieldset
{
    /*border: 1px solid white;*/
    border: 1px solid groove;
    border-color: Window;
    background-color: #E6E6E6;
    height: 210px !important;
    font-family: calibri;
    font-weight: bold;
    color: #3366CC;
    width: 922px;
    left: 9px; 
    top: 2px;
    position:absolute;
    z-index:2;
}

.External_SearchResults
{
    z-index: 1;
    left: 15px;
    top: 366px;
    position: absolute;
    height: 380px;
    width: 962px;
    border: 1px solid #C0C0C0;
    background-color: #E6E6E6;
    overflow-x:auto; 
    overflow-y:auto;
}

/*Pager styling*/
.GridPager a, .GridPager span
{
    display: block;
    height: 15px;
    width: auto;
    min-width: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.GridPager a
{
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span
{
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}
/*End pager styling*/

/*.QuoteSearch_Pnl fieldset
{
    border: 1px solid groove;
    border-color: Window;
    background-color: #E6E6E6;
    height: 230px !important;
    font-family: calibri;
    font-weight: bold;
    color: #3366CC;
}*/