/* Universal styles */

#divContents
{
    padding:20px;
}

#divContents:after
{
    content:'';
    display:block;
    clear:both;
}        

h3
{
    color:#003F87;
    margin-top:0px;
    padding-top:0px;
    font-size:18px;
}

h4
{
    color:#003F87;
    margin:0px;
    padding:0px;
    font-size:13px;
    margin-bottom:5px;
}

hr
{
    color:#708598;
    background-color:#003F87;
    height:1px;
    margin-bottom:0px;
    padding-bottom:0px;
}

a:link, a:visited
{
    border-bottom:1px dotted #003F87;
    color:#003F87;
    text-decoration:none;
}

a:hover
{
    border-bottom:1px dotted #007F87;
    color:#007F87;
}

.borderCollapse
{
	display: none;
}

/* global */

.tmbutton
{
    background-color:#003F87;
    border:none;
    color:#A4D3EE;
    font-weight:bold;
    padding:2px;
    position:relative;
}

.tmtextbox
{
    border:1px solid #003F87;
    color:#000;
    font-family:Arial;
    padding:1px;
    margin-bottom:1px;
}

.tmdropdown
{
    border:1px solid #003F87;
    color:#000;
    font-family:Arial;
    padding:1px;
    margin-bottom:2px;
}

.cb
{
    clear:both;
}

.noTopPad
{
    margin-top:0px;
    padding-top:0px;
}

.pad10noBottom
{
    padding:10px;
}

p
{
    line-height:18px;
}

.progress
{
    width:10px;
}

.tl
{
    text-align:left;
}

.tr
{
    text-align:right;
}

.tc
{
    text-align:center;
}

.fl
{
    float:left;
}

.fr
{
    float:right;
}

#divLoginLogout{
    float:left;
    margin-right:5px;
    margin-top:5px;
    color:#4A5885;
    font-weight:bold;
}    

#divSelectLanguage
{
    float:right;
    margin-right:5px;
    margin-top:5px;
    color:#4A5885;
    font-weight:bold;

}
    

/* Grids */
.DataWebControlStyle
{
    width:100%;
    border-top: 1px solid #8FB8D8;
    border-left: 1px solid #8FB8D8;
}

.HeaderStyle
{
    background:#A4D3EE;
    color: #005BBB;
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-weight:bold;
    padding: .3em 0.5em;
    text-align:center;
}

.RowStyle, .AlternatingRowStyle
{
    color: #333333;
    padding: 0.3em 1em;
    text-align:left;
}

.RowStyle td, .AlternatingRowStyle td
{
    border-bottom: 1px solid #8FB8D8;
    border-right: 1px solid #8FB8D8;
}

.HeaderStyle a, .HeaderStyle a:visited
{
    color:#005BBB;
    border-bottom: none;
}

.SelectedRowStyle
{
    background-color:#C3C8DF;
    color:#FFF;
    font-weight:bold;
}

.FooterStyle
{
    background-color:#FFF;
    color:#333333;
}

/* login page */

.logintextbox
{
    width:150px;
    margin:2px;
}

.loginTitle
{   
    background-color:#003F87;
    border:none;
    color:#A4D3EE;
    font-weight:bold;
    padding:2px;
    margin-bottom:5px !important;
}

#ctl00_login_Tariffmatch
{
    margin:auto;
}

#divLoginBox
{
    margin-top:30px;
}

/* end login page */

/* main page */

#dashboardContainer
{
    margin: 0px auto;
    padding: 30px 0px 0px;
    width:740px;
}

#divMainImage
{
    background-color:#000066;
    background-image:url(Images/main_image1.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    height:214px;
    margin:0px;
    margin-left:-20px;
    margin-top:10px;
    width:760px; 
}

#divMainImageDesc
{
    color:#ffffff;
    float:right;
    font-size:18px;
    font-weight:normal;
    letter-spacing:1px;
    line-height:26px;
    margin:10px;
    margin-right:40px;
    width:170px;
}

#divMainBody
{
    margin-bottom:10px;       
    margin-top:20px;            
    width:700px;        
}

#divI
{
  	background-image:url(Images/infosm.gif);
    background-position:top left;
    background-repeat:no-repeat;
    float:left;
    height:70px;
    margin:20px;
    margin-left:30px;
    margin-right:30px;
    width:70px;
}

#divText
{
    float:left;
    font-size:11px;
    line-height:20px;
    width:300px;
}

/* end main page */

/* Summary */

#ctl00_ContentPlaceHolder1_wizard_Summary
{
    border:1px solid #003F87;
    margin:auto;
}

.summarystepstyle
{
    border-top:solid 1px #003F87;
    border-right:solid 1px #003F87;
    padding:5px;
    padding-bottom:20px;
}

.summarystepstyle .leftlabel
{
    width:150px;
    float:left;
    text-align:right;
    padding-right:5px;
    margin-top:3px;
}

.summarystepstyle .tmbutton
{
    margin-bottom:2px;
    width:200px;
}

.summarystepstyle .tmtextbox
{
    margin-bottom:2px;
    width:200px;    
}

.InvoiceList
{
   margin-left:auto;
   margin-right:auto;
}

/* end summary */

/* register */

#ctl00_ContentPlaceHolder1_wizard_Register
{
    border:1px solid #003F87;
    margin:auto;
}

.registersidebar
{
    background-color:#A4D3EE;
    border:1px solid #003F87;
    padding:5px;
    
}

.registernavigationstyle
{
    border-right:1px solid #003F87;
    border-bottom:1px solid #003F87;
}

.registerstepstyle
{
    border-top:solid 1px #003F87;
    border-right:solid 1px #003F87;
    padding:5px;
    padding-bottom:20px;
}

.registerstepstyle label
{
    float:left;
    margin-top:3px;
    margin-top:3px;
    text-align:right;
    width:150px;
}

.registerstepstyle input
{
    margin-bottom:2px;
    width:200px;
}

.registerstepstyle .imglabel
{
    width:130px;
}

/* end register */

/* My account */

 .myaccountfieldset
 {
    border:1px solid #003F87;
    float:left;
    padding:10px;
    margin-right:10px;
    width:325px;
 }
 
 #ctl00_ContentPlaceHolder1_fieldset_MyAccount_UserFunctions
 {
    margin-right:20px;
 }

 .myaccountfieldset legend
 {
    border:1px solid #003F87;
    color:#003F87;
    margin:0px;
    margin-bottom:10px;
    padding:3px;
 }
 
 .PageNo
 {
    margin-top:6px;
    margin-right:5px;
 }
 
 /* End My Account */
 
 /* Manage Clients */
 
#ctl00_ContentPlaceHolder1_wizard_CreateUser
{
    border:1px solid #003F87;
    margin:auto;
}

.createusersidebar
{
    background-color:#A4D3EE;
    border:1px solid #003F87;
    padding:5px;
}

.createusernavigationstyle
{
    border-bottom:1px solid #003F87;
    border-right:1px solid #003F87;
}

.createuserstepstyle
{
    border-top:1px solid #003F87;
    border-right:1px solid #003F87;
    padding:5px;
    padding-bottom:20px;
}

.createuserstepstyle a
{
    border-bottom: none !important;
    text-decoration:none !important;
}

.createuserstepstyle label
{
    float:left;
    margin-top:3px;
    padding-right:5px;
    text-align:right;
    width:150px;
}

.createuserstepstyle .tmbutton
{
    margin-bottom:2px;
    width:200px;
}

.black
{
    color:#000000 !important;
}


a .ChangeUserLocation
{
    color:#708598 !important;
}

#divChangeUserGroup
{
    background-color:#f2f2f6;
    border:1px solid #003F87;
    height:auto;
    margin:auto;
    margin-top:10px;
    padding:10px;
    width:300px;
}

#divChangeUserGroup a, #ctl00_ContentPlaceHolder1_treeview_EditGroups a, #ctl00_contentplaceholder1_treeview_EditGroups a, #divChangeParentGroup a
{
    border-bottom:none !important;
}

/* Tariff Management */


#ctl00_ContentPlaceHolder1_Wizard_EditTariff
{
    border:1px solid #003F87;
    margin:auto;
}

.edittariffsidebar
{
    background-color:#A4D3EE;
    border:1px solid #003F87;
    padding:5px;
}

.edittariffnavigationstyle
{
    border-bottom:1px solid #003F87;
    border-right:1px solid #003F87;
}

.edittariffstepstyle
{
    border-top:1px solid #003F87;
    border-right:1px solid #003F87;
    padding:5px;
    padding-bottom:20px;
}

.edittariffstepstyle .tmbutton
{
    margin-bottom:2px;
    width:100px;
}

/* End Tariff Management */

/* Wizard Style */

.wizardsidebar
{
    background-color:#A4D3EE;
    border:1px solid #003F87;
    padding:5px;
}

.wizardnavigationstyle
{
    border-bottom:1px solid #003F87;
    border-right:1px solid #003F87;
    border-left:1px solid #003F87;
}

.wizardstepstyle
{
    border-top:1px solid #003F87;
    border-right:1px solid #003F87;
    border-left:1px solid #003F87;
    padding:5px;
    padding-bottom:20px;
}

/* End Wizard */



.timeGrid
{
    border-right:none !important;
}

.ErrorMessage
{
    
font-size:1em;
color:red !important;   
}

#ctl00_contentplaceholder1_RadUpload_UploadFiles
{
	position:relative !important;
}

.ModalBackground 
    {
        background-color:Gray;
        filter:alpha(opacity=70);
        opacity:0.7;
    }

.modalPopup {
    background-color:#FFFFFF;
    border:3px solid Gray;
    padding:10px;
    width:670px;
    z-index:100001 !important;
}

.modalPopup p
{
	letter-spacing:0.05em !important;
}

.modalPopup h3 {
	color:#3B81B5;
	font-size:1.2em;
	margin-bottom:0.2em;
}