/*Site Wide Styles */
body
{
    font-family: "Arial", "Trebuchet MS" , sans-serif;
    background-color: White;
    color: Black;
}

a
{
    text-decoration: none;
}

h1
{
    font-size: 1.7em;
    color:#4B2582;
    font-family: "Verdana", "Arial", "Trebuchet MS" , sans-serif;
    font-weight:normal;
}

div
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

input
{
    
    
    
}

img {
	border: none;
}




.site
{
    min-height: 500px;
    margin: 0px auto;
    width: 1000px;
    background-color: #dcdcdc; 
}

.mainbody
{

    margin: 0px auto;
    width: 100%;
    min-height: 600px;
    background-image: url(../images/ShebangWatermark.png);
    background-repeat:repeat-x;
    background-position: bottom;
}

.innerMainBody
{
    margin: 0px auto;
    width: 897px;
}

.header
{
    color: #5a555c;
    height: 142px;
    background-image: url(../images/HeaderBackground2.jpg);
    background-repeat: repeat-x;
}

.header .title {
    color: #5A555C;
    display: inline;
    font-size: 2.2em;
    margin: 10px 10px 0;
}

.header .intro
{
    margin: 20px 50px 0px 0px;
    font-size: 1.3em;
    float: right;

}

.nexxus
{
    margin-left: 55px;
}

.mainPanels 
{  
    background-repeat: repeat-x;
    background-image:url(../images/Borders/squareBorder.jpg);
    border: solid 1px #868686;
    padding: 15px;
    margin: 20px auto;
}

.pageintro
{
    color: #fff;
    background-image: url(../images/borders/IntroBorder.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    margin: 0px 0px 20px 0px;
}
.pageintro h1
{
    font-size: 2em;
}

.pageintro p
{
    font-size: 1.1em;
    color: #4e4e50;
}
.dialog.networks .content,
.dialog.networks .t,
.dialog.networks .b,
.dialog.networks .b div 
{
 background-image:url(../images/Borders/IndentBorderNew.png);
 _background-image:url(../images/Borders/IndentBorder.gif);
}

.dialog.networks .content
{    
    padding: 20px 0px 0px 0px;  
}

.dialog.networks .b,
.dialog.networks .b div 
{
    height:10px;
}
.networkLogo
{
    margin: 0px 7px 10px 7px;
}
.dialog.networks
{
    margin: 10px 20px 0px 0px;
    float:right;
    max-width: 650px;
}

.dealerLogo
{
    max-width: 190px;
    max-height: 60px;
    margin: 20px 20px 0px 0px;
    
}

.headerIntro
{
    float:right;
    margin: 40px;
    margin-bottom: 35px;
    font-size: 1.2em;
    display:inline;
}

.footer
{
    height: 90px;
    /*width: 100%;
    background-image: url(../images/FooterBackground.jpg);
    background-repeat: repeat-x;*/
}

.footer .ShebangLogo
{
    margin: 0 50px 10px 0;
    float: right;
}

.screenNo
{
    /*margin: 70px 0px 0px 0px;
    float: left;
    color: Silver;*/
    display: none;
}

.button
{    
    height: 27px;
    color: #000;
    font-size: 1.3em;   
}

.buttonCentered
{   
    position:relative;
    left: 50%; 
    float:left;
}

.buttonCenteredInner
{
    right: 50%; 
    position:relative; 
    float:left;
}

.button a
{
    font-weight: normal;
    color: Black;
}

.button a[disabled]
{
    color: Gray;
}

.buttonLeft
{    
    float: left;
    width: 10px;
    height: 27px;
    color: #000;
    background: url(../images/ButtonLeft.png) no-repeat;
    background-position: left top;
}

.buttonMiddle
{    
    float: left;
    height: 27px;
    color: #000;
    background: url(../images/ButtonMiddle.png) repeat-x;
    background-position: left top;
}

.buttonRight
{    
    float: left;
    width: 37px;
    height: 27px;
    color: #000;
    background: url(../images/ButtonRight.png) no-repeat;
    background-position: left top;
}

.button:hover .buttonLeft,
.button:hover .buttonMiddle,
.button:hover .buttonRight
{
   background-position: left center;
}

.button:active .buttonLeft,
.button:active .buttonMiddle,
.button:active .buttonRight
{
   background-position: left bottom;
}

.right
{
    float: right;
}

.left
{
    float: left;
}

.clear
{
    clear: both;
}

.errorText
{
    color: Red;
    margin: 0px;
}

.errorTextSmall
{
    color: Red;    
    font-size: small;
}

.validText
{
    color: Green;
}

.mandatory
{
    
}

.error
{
    
}

.dialog.fadedBlack .content,
.dialog.fadedBlack .t,
.dialog.fadedBlack .b,
.dialog.fadedBlack .b div 
{
 background-image:url(../images/Borders/FadedBlackBorder.png);
 _background-image:url(../images/Borders/FadedBlackBorder.png);
}


/*Reg Details User Controls Styles*/

.regDetails
{
    color: Gray;
    padding: 15px 5px 5px;
}

.regDetails h1
{
    margin-bottom: 15px;
    margin-top: 0px;
}

.validationNote
{
    font-weight: bold;
}

.fieldColumnLabel
{
    float:left; 
 
    display:inline;
    text-align: left;
    margin: 0px 10px 0px 3px;

}
.fieldColumnField
{
    float:left; 
 
    display:inline;
    text-align: left;
    margin: 0px 10px 0px 3px;
    width: 270px;
}
.fieldColumnField .input
{
    width: 250px;
}

.helpFieldLabel
{
    font-weight: bold;
    display:inline-block;
    width: 180px;
    margin-top: 30px;
}

.helpField
{
    margin: 30px 0px 0px 0px;
    width: 250px;
}
.helpFieldBackground
{
    margin: 00px 0px 0px 0px; 
    height: 83px; 
    width:90%; 
    background-image: url(../images/FieldHelpBackground.png); 
    background-position: right center; 
    background-repeat: no-repeat;
}
.helpTextContainer
{
    padding-top: 0%;
}

.helpTextContainer p
{
    padding-top:0.0em;
    margin-top: 0px;
}

.helpText
{
    height: 83px;
    width: 300px; 
    float:right;
    color: White; 
    padding-top: 0em;  
}
.helpErrorText
{
    margin: 0px 0px 0px 185px;
}
.verifyMsgOuter
{
    margin: 20px 0 0 0px;
     text-align: right;
}

.verifyMsg
{
    
    font-weight: bold;
}

.threeMsg
{

        font-size: 2em;
text-align:center;
    color: #57007a;
padding: 0px 20%;
}

.overrideCheck
{
	width:10px;
}