/*---------------------------------------------------- Standard  Style -----------------*/
html {
    margin: 0px; padding: 0px; 
} 

body{
    margin: 0px; padding: 0px; color: #000000; font: 12px/130% Arial, Helvetica, sans-serif;
    background-color:#ffffff;
} 

p {
    font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;
}

a.adtext {
    color: #666666; text-decoration:underline
} 

a.adtext:hover{
    color: #666666; text-decoration:underline
} 

a:link {
    color: #000000; text-decoration:underline
} 

a:visited {
    color: #000000;  text-decoration:underline
} 

a:active, a:hover { 
    color: #000000;  text-decoration:underline
} 
a.blue {color:#04ADEB; font-weight:bold; text-decoration:none; font-size:14px} 

th {  vertical-align:top; } 
td {  vertical-align:top;} 
h1 { color: #000000; 	font: bold 200%  Arial, Helvetica, sans-serif; } 
h2 { color: #000000; 	font: bold 160%  Arial, Helvetica, sans-serif; } 
h3 { color: #000000; 	font: bold 140%  Arial, Helvetica, sans-serif; } 
h4 { color: #000000; 	font: bold 120%  Arial, Helvetica, sans-serif; } 
h5 { color: #000000; 	font: bold 100%  Arial, Helvetica, sans-serif; } 
h6 { color: #000000; 	font: bold italic 100%  Arial, Helvetica, sans-serif; } 
img { border: 0px; } 
hr { color: #ccc; height: 1px; } 
table { font-size: 100%; } 
code { color: #6c0; font: 100% "Courier New", Courier, monospace } 
form { margin: 0px; padding: 0px; } 
input, textarea, select { font: 100%  Arial, Helvetica, sans-serif; border:1px solid #cccccc;} 
input[type="checkbox"] {border:0px;}
input[type="text"], input[type="password"] {width:200px;}
ul {text-align:left}
li {text-align:left}
/*------------------------------------------------------ End Standard Style ------------*/

/*------------------------------------------------------ Default Style -------------------*/
.logo 
{
    text-align:center; width:300px;
}

.logoText{
    font-style:italic; font-size:14px; font-weight:bold; color:#6E6E6E;
}

.clear{
    clear:both;
}

.hr{
   width:100%; border-bottom:1px solid #ccc; 
}

.table
{
    margin-left:20%; white-space:nowrap;
}

.row
{
    padding:5px 10px; clear:both;
}

.row1
{
    padding:20px 10px 5px 10px; clear:both;
}

.row2
{
    padding:5px 20px; clear:both;
}

.row3{
    margin:5px 20px; padding:5px 20px; clear:both; background:#EFEFEF; border:1px solid #cccccc;
}

.row4{
    margin:10px; clear:both;
}

.row5{
    margin:30px 10px; clear:both; font-weight:bold; font-size:14px;
}

.cell{
    padding-right:10px;
}

.cell1{
    text-align:right; float:left;width:180px; font-weight:bold;
}

.cell2{
    float:left;padding-left:10px;width:400px; white-space:nowrap;
}

.cell3{
    text-align:center; background:#6B8CB5; color:White; font-weight:bold;padding:5px 0px;
}

.cell4
{
    padding-right:20px;  
}

.error{
    border:1px solid red; background:yellow; color:Red; text-align:center; font-weight:bold;margin:20px;
    padding:10px;
}

.link{
     text-decoration:underline; cursor:pointer;
}

.link:hover{
    color:Blue;
}

.required{color:Red;padding-left:3px;}

#loadingBox
{
    position: absolute;
    top: 40%;
    left: 40%;
    background-color: #ffffff;
    height: 50px;
    width: 250px;
    text-align: center;
    padding-top: 20px;
    border-right: dodgerblue 3px solid;
    border-top: dodgerblue 3px solid;
    font-weight: bold;
    font-size: 12pt;
    border-left: dodgerblue 3px solid;
    border-bottom: dodgerblue 3px solid;
    color:Black;
}
/*------------------------------------------------------ End Default Style --------------*/

/*------------------------------------------------------ Site Layout -------------------*/
.PageZone{
    width:100%;margin-left:auto; margin-right:auto;
}

.MainZone
{
    width:880px;margin-left:auto; margin-right:auto;
}

.Copyright{
   width:880px;margin-left:auto; margin-right:auto; margin-top:70px;
}

.registrationDetails{
   height:25px; background:#DCEEFA;text-align:right; font-weight:bold; line-height:25px;padding-right:10px;margin-left:10px;
}

.EmailConfirmation_Second_Content{
    margin-top:150px;margin-bottom:250px; font-size:22px; font-weight:bold; font-style:italic;
}

#Prohibited_Email_First .title, #Profile .title, #PartnerCriteria .title, #Subscribe .title{
    font-size:18px; font-weight:bold; text-align:center; padding-bottom:20px;
}

#Prohibited_Email_First .textField, #Profile .textField, #PartnerCriteria .textField, #Subscribe .textField{
    padding-right:50px;
}

.Prohibited_Email_Second_Content{
    margin-top:80px;margin-bottom:250px; font-size:20px; font-weight:bold; font-style:italic;
}

.Registration_Join_later, .Registration_paypal_Success, .Registration_Secondary_Account_Success, #registrationMatching{
    margin-top:80px;margin-bottom:100px;
}

.Registration_Join_later .content, .Registration_paypal_Success .content, .Registration_Secondary_Account_Success .content
{
    font-size:20px;
}

#registrationMatching{font-size:20px; text-align:center;}

#Subscribe .explain{
    font-size:13px; font-weight:bold;
}

.SiteExplain{
    
 }
 
 .SiteExplain .titleLeft, .SiteExplain .titleRight{
    border:1px solid #99CDF7; background: #17365d; color:white; background: #17365d; padding:10px 20px;
    font-size:18px; font-weight:bold; font-style:italic; white-space:nowrap; 
 }
 .SiteExplain .titleLeft{
    width:300px;
 }
 .SiteExplain .titleRight{
    width:250px;
 }
 .SiteExplain .contentLeft, .SiteExplain .contentRight{
    border:1px solid #D2E7F7; color:#17365d; padding:20px 10px;line-height:170%;
 }
 .SiteExplain .contentLeft{
    width:300px; text-align:left;
 }
 .SiteExplain .contentRight{
    width:250px;text-align:left;
 }
 
.Matches, .Partners {border:0px; width:100%}

.Matches .Title, .Partners .Title{
    border-width:2px; border-style:solid; border-bottom:0px; color:#000000;
    font-weight:bold; padding:5px 20px; font-size:150%;
}

.Matches .Title{
    border-color: #B7B4C4; background:#95B3D7 none repeat scroll 0%;
}

.Partners .Title{
    border-color: #918A60; background:#D7E3BD none repeat scroll 0%;
}

.Matches .DatagridSkin, .Partners .DatagridSkin{
    border-collapse:collapse
}

.Matches .DatagridSkin .TableHeader, .Partners .DatagridSkin .TableHeader{
    
    border-width:2px; border-style:solid; vertical-align:middle; text-align:center; font-weight:bold;
}

.Matches .DatagridSkin .TableHeader{
    background:#DAEEF3 none repeat scroll 0%;border-color:#B7B4C4;
}

.Partners .DatagridSkin .TableHeader{
    background:#4A4428 none repeat scroll 0%;border-color:#918A60; color:#ffffff;
}

.Matches .DatagridSkin .TableCell, .Partners .DatagridSkin .TableCell{
    vertical-align:middle; text-align:center; border-width:2px; border-style:solid;
}

.Matches .DatagridSkin .TableCell{
    border-color:#B7B4C4;
}

.Partners .DatagridSkin .TableCell{
    border-color:#918A60;
}

.Matches .DatagridSkin .AlternatingRowStyle{
    background:#EEF3F8 none repeat scroll 0%;
}

.Partners .DatagridSkin .AlternatingRowStyle{
    background:#EDF3E4 none repeat scroll 0%;
}

.templateBox
{
    padding:5px;
    position: absolute;
    top: 40%;
    left: 40%;
    background-color: #ffffff;
    border: #E5E5E5 5px solid;
    color:Black;
}

.toolBar{
    text-align:right; font-weight:bold;font-size:150%;
}

.toolBar a{
    text-decoration:none; border:0px;
}

.templateBox .content{
    margin:5px 20px;
}

.profileHtmlTemplate{
    color:#000000; padding:10px;border:3px solid #92E5FE; white-space:nowrap;

}

.profileHtmlTemplate .item1{
    text-align:right;
}

.profileHtmlTemplate .item2{
    width:300px;
}

.cardHtmlTemplate
{
    background:#5FD9FF; white-space:nowrap; width:320px;
}

.cardHtmlTemplate .title_Left div
{
    background:url("images/eBusinessCardTitle_left.gif") no-repeat; width:7px; height:47px;
}

.cardHtmlTemplate .title_Center{width:80%; white-space:nowrap}

.cardHtmlTemplate .title_Center div
{
    background:url("images/eBusinessCardTitle_center.gif") repeat-x;
    padding-left:10px; padding-top:18px; color:#000000; font-size:14px; font-weight:bolder;height:47px;
    white-space:nowrap
}

.cardHtmlTemplate .title_Right div
{
    background:url("images/eBusinessCardTitle_right.gif") no-repeat; width:146px; height:47px;
}

.cardHtmlTemplate .contentContainer{
    padding:10px; color:#ffffff;font-size:12px;
}

.cardHtmlTemplate .content{margin:0px;

}

.PendingTemplate0 ,.PendingTemplate1, .PendingTemplate2, .PendingTemplate3, .PendingTemplate4, .PendingTemplate5
, .PendingTemplate6, .PendingTemplate7, .PendingTemplate8, .PendingTemplate9
{
    border:3px solid #cccccc; padding:10px;
    position:relative;  background:white;
}

.PendingTemplate1{top:-150px; left:50px;}
.PendingTemplate2{top:-300px; left:100px;}
.PendingTemplate3{top:-450px; left:150px;}
.PendingTemplate4{top:-600px; left:200px;}
.PendingTemplate5{top:-750px; left:250px;}
.PendingTemplate6{top:-900px; left:300px;}
.PendingTemplate7{top:-1050px; left:350px;}
.PendingTemplate8{top:-1200px; left:400px;}
.PendingTemplate9{top:-1350px; left:450px;}


/*----------------------------------------------------- Main Menu ---------------------*/
.menuContainer {
    width: 100%; margin-top: 10px; background: #fff;
}

/* pyramid */

.menuContainer ul {
    margin: 0; padding:0px; margin-left:20px;
}

.menuContainer ul li { list-style-type: none;}

.menuContainer #navPyra li {
    margin: 0; padding: 0; float:left;
}

.menuContainer #navPyra a:link, #navPyra a:visited {
   font-size: 12px; line-height: 14px; font-weight: bold; padding: 0 12px 6px 12px; text-decoration: none; color: #708491;
}

.menuContainer #navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
    color: #000;
}

.CalendarDayHeader {background:#F4F4F4; vertical-align:middle; padding:5px 0px; color:#A1A1A1; font-weight:bold}
/*----------------------------------------------------- End Main Menu ------------------*/

/* ============= Start Modal Popup =======================*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color: #ffffff;
    border: #E5E5E5 5px solid;
    color:Black;
	padding:3px; 
}

.modalPopup .toolBar{
   font-weight:bold;font-size:150%;text-align:right
}

.modalPopup .toolBar a{
    text-decoration:none; border:0px;
}

.modalPopup .content{
    margin:5px 20px;
}

.SingleCss td{height:10px; overflow:hidden}
/* ----------------- End Modal Popup -------------------------*/

.explainTextContainer {
    border:1px solid #000000; background:#FFFFE1; color:#000000;position:absolute; width:400px; padding:10px;
}
/*----------------------------------------------------- End Site Layout -------------*/