/* primary layout element*/
body
{
    font-size: 10px;
    font-family: verdana;
    margin: 0px;
    padding: 0px;
    color: Black;
    background-color: #ECE9D8;
}
.page
{
    width: 800px;
    background-image: url(crm4Header.jpg);
    background-repeat: repeat-y;
    margin: auto;
    border: 1px solid #496077;
    height:auto;
}
.clearhideSkiplink
{
    background-image: url(crmHeaderBand.jpg);
    width: 800px;
    height: 25px;
    background-repeat: repeat-y;
}
.header
{
    width: 800px;
    height: 100px;
    
}

.title h1
{
    font-weight: 800;
    margin-top: 10px;
    padding: 0px 10px 0px 20px;
    color: #330B66;
    border: none;
    line-height: 30px;
    font-size: 15px;
    font-family: Arial;
    text-align: right;
}


.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
    background-color: Red;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}
.logoWithHeader
{
    width: 800px;
}

.logo
{
    float: left;
    width: 157px;
}

.titleWithMenu
{
    float: right;
    height: 73px;
    width:200px;
   
}
.title
{
    height:40px;
    float:right;
    margin-right:10px;
    margin-top:5px;
}

.cssForMenu
{
    margin-top:35px;
    height:20px;
    float: right;
    
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    width: 100%;
}



div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.menu ul li a, div.menu ul li a:visited
{
    color: #3197FC;
    display: block;
    line-height: 1.35em;
    padding: 4px 8px;
    white-space: nowrap;
    font-size: 11px;
    font-weight: bold;
}

div.menu ul li a:hover
{
    color: Navy;
    text-decoration: none;
}
/*
div.menu ul li a:active
{
   background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}*/



/* Css For Controls */
.cssForlebel
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
}
.cssForddl
{
    font-family: Arial;
    font-size: 11px;
    width: 205px;
    background-color: #DBEBF5;
}
.cssForText
{
    font-family: Arial;
    font-size: 11px;
    width: 135px;
    height: 12px;
    background-color: #DBEBF5;
}

.BoldLabel
{
    font-size: 11px;
    color: Black;
    font-weight: bold;
}

/*Css for all Tables */
.containerTable
{
    margin: 0% 1% 0% 1%;
}
.cssForRepeaterForClient
{
    background-color: #B6B7BC;
}
.tCaptionForClient
{
    background-color: #EDFBA2;
    height: 18px;
    text-align: center;
}
.tCaptionForClient p
{
    font-weight: 600;
    font-size: 12px;
}
.theadForClient
{
    background-color: #E6E6E6;
    height: 8px;
}


.theadForClient p
{
    font-size: 11px;
    font-weight: bolder;
}

.trowForClient
{
    height: 10px;
}
.ttdForClient
{
    background-color: White;
    font-size: 11px;
}
.talternatetdForClient
{
    background-color: #F1FED8;
    font-size: 10px;
}



.cssRepeaterForAccount
{
    background-color: gray;
    margin-top: 1%;
}



.theadForAccount
{
    background-color: #C0C0C0;
    height: 12px;
}
.theadForAccount p
{
    font-size: 11px;
    font-weight: 600;
    margin-left: 3px;
}

.trowForAccount
{
    height: 10px;
}
.ttdForAccount
{
    background-color: White;
    font-size: 11px;
}
.talternatetdForAccount
{
    background-color: #F1FED8;
    font-size: 11px;
}
.talternatetdForOrder
{
    background-color: #F1FED8;
    font-size: 11px;
}
.tCaptionForAccount
{
    background-color: #E6E6E6;
    height: 18px;
    text-align: center;
}
.tCaptionForOrder
{
    background-color: #EDFBA2;
    height: 22px;
    text-align: center;
}
.tCaptionForOrder p
{
    font-weight: 800;
    font-size: 12px;
    color: Gray;
}

.tCaptionForAccount p
{
    font-weight: 800;
    font-size: 12px;
    color: Gray;
}
Span
{
    margin-left: 3px;
}
.ttrForMenu
{
    height: 30px;
}
.ttdForMenu
{
    font-size: 12px;
    background-image: url(menubg.jpg);
    background-repeat: repeat-y;
}
#leftMenu
{
    background-color: White;
    margin-left: 2px;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
}

/*Css for User Control*/

.cssForInvestorPersonalInformation
{
    font-family: Verdana;
    font-size: 12px;
}

.highlighttd
{
    background-color: White;
    font-size: 12px;
    font-weight: bold;
}

.highlghtPointer
{
    background-image: url(accountPtr.jpg);
    height: 13px;
    width: 25px;
    background-repeat: no-repeat;
}


#tblForHighLight
{
    background-image: url(tblbgForAccDtls.jpg);
    background-repeat: repeat-y;
    border: 1px solid gray;
    
}
.theadForAccountDetails
{
    background-color: #C0C0C0;
    height: 14px;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
}

.theadForAccountDetails p
{
    font-size: 11px;
    font-weight: 600;
    margin-left: 3px;
}

/* For Gridview (freezing header)*/
.WrapperDiv
{
    width: 793px;
    height: 450px;
}
.WrapperDiv TH
{
    position: relative;
}
.WrapperDiv TR
{
    /* Needed for IE */
    height: 0px;
}



/* Modal Pop up-***********----------  */
div.MaskedDiv
{
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: verdana;
    padding: 40px;
    z-index: 100;
    background-color: #E9F9E9;
    border: 1px solid black; /* for IE */
    _filter: alpha(opacity=70); /* CSS3 standard */
    
}


#ModalPopupDiv
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    background-color: #0056E8;
    position: absolute; /* set z-index higher than possible */
    z-index: 10000;
    visibility: hidden;
    color: Black;
    width: 470px;
    height: auto;
    _filter: alpha(opacity=100); /* CSS3 standard */
    _opacity:1;
}

#progress
{
    border:1px solid Gray;
    background-color: #EDFBA2;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    height:20px;
    
}
/* Modal Pop up---------***********----------  */

#btnAdd
{
    height: 30px;
    width: 60px;
}



#MainContent_btnForUpdatingPanel
{
    display: none;
}

a.linkButton
{
   font-family:Arial;
   font-size:11px; 
   color: Maroon ;/*#3197FC*/;
   text-decoration:none;
   font-weight:bold;
   
}
a.linkButton:hover
{
    color:Red;
    font-style:italic;
    text-decoration:underline;
}
#errMsg
{
    
}

#login
{
    min-height:500px;
}

.lblDone
{
    font-family:Arial;
   font-size:11px;
   font-weight:bold; 
   color: Maroon ;
}
#Save
{ 
    margin-left:5px;
}
#Cancel
{
    margin-left:5px;
}
*+html #Save
{
    margin-left:-7px;
}
*+html #Cancel
{
    margin-left:3px;
}
#Edit
{
    margin-left:12px;
    margin-right:4px;
}

#Wrapper
{
    width:580px;
    position:absolute;
    
}
#Maske
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:10000;
    vertical-align:middle;
    margin-top:200px;
    margin-left:250px;
   
   
}

#Maske img
{
    vertical-align:middle;
       
}

#lnkRemove
{
  margin-left:20px;  
}




.content{
margin: 10px 5px 10px 10px;
font-size:16px;
}

.content h2{
font-size : 18px;
text-align:justify;
}


.content h3 a{
font-size : 16px;
}

.content h3 a:hover{
text-decoration:underline;
}

.content h3{
font-size : 17px;
text-align:justify;
}

.content .list{
margin-left : 22%;
font-size : 17px
}

.content .list i{
color : #000099;
font-weight:bold;
}

.content .phone{
margin-left : 175px;
font-size : 18px
}

.content .email{
margin-left : 30%;
font-size : 18px;
margin-top:20px;
margin-bottom:350px;
}

.content .email a{
font-size : 16px;
}

.content .email a:hover{
text-decoration:underline;
}

.content .instruction{
font-size:14px;
}

.content .login{
margin-left:33%;
}

.content .login a{
background:#CCC;
width:100px;
height: 25px;
padding: 2px 25px 2px 25px;
color:#666;
font-size:18px;
text-decoration:none;
}

.content .login a:hover{
background:#666;
width:100px;
height: 25px;
padding: 2px 25px 2px 25px;
color:#CCC;
font-size:18px;
}

.content a{
color:#666;
font-size: 12px;
font-weight:bold;
}

.content a:hover{
color:#333;
text-decoration:none;
}

.content table{
font-size : 13px;
}

.content table td{
padding: 3px 3px 3px 3px;
}

.toppage{
float:left;
font-size:14px;
font-weight:bold;
padding:9px 0 0 0;
margin-left:2px;
color:#666;
}

.toplink{
float : right;
font-size:13px;
font-weight:bold;
padding: 0 0 8px 0;
margin-right:2px;
}

.toplink a{
text-decoration:none;
color:#666;
}

.toplink a:hover{
text-decoration:none;
color:#CCC;
}