/* Zone3 specific styles */

body {
font-size:0.8em;
min-width:918px;
text-align:center;
background:url(/images/bg/grad.jpg) repeat-y;
background-position: center center;
}

.sidebar .grey-head {
background:url(/Images/grey_head.gif) repeat-x;
}

.sidebar .dark-grey-head {
background:url(/Images/dark_grey_head.gif) repeat-x;
}

.loginTab{
background:url(/Images/dark_grey_head.gif) repeat-x;
}

.txtSearch, select.ddlSearch{
   width:175;
}

.content td,th  {padding:5px;}

h1
{
	color: #47177a;
	font-family: Arial, Helvetica;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 24px;
	padding-left:0px;
	border-bottom: 1px dotted #ccc;
	padding-bottom:20px;
}

h2
{
	color: #333;
	font-family: Arial, Helvetica;
	font-size: 1.2em;
	font-weight: normal;
	margin-left: 0px;
	padding-top:5px;
}

.myProfileTab{
   background:url(/Images/dark_grey_head.gif);
}

.topIcons{
   width:100%;
   height:125px;  
   border-bottom:solid 2px #ccc;
}

.topIconHolder{
   padding-top:10px;
   width:205px;
   float:left;
   padding-right:24px;
   background-color:#FFFFFF;
	cursor: hand;
	cursor: pointer;
}

.topIconHolderNegative{
   padding-top:10px;
   width:205px;
   float:left;
   padding-right:24px;
   background-color:#4a4646;
	cursor: hand;
	cursor: pointer;
}

.topIconHolderNegative h3.iconTitle a, .topIconHolderNegative p {
   color:#FFFFFF !important;
}

.iconLeft{
   width:50px;
   padding-left:10px;
   height:107px;
   float:left;
}

h3.iconTitle{
   font-size:1em;
   font-weight:bold;
   margin-bottom:10px;
}

.topIcons p {
color:#555;
font-size:11px;
}

.more-div
{
	font-weight: bold;
	text-align: left;
	margin-bottom: 0px;
	margin-right: 3px;
}

.updateBox{
	float: left;
	margin-bottom: 10px;
	padding-right:10px;
	background-color:#E8E5E5;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:158px !important;
	padding:12px 0px 15px 10px; 
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 10px;
	float: left;
}

.updateBox .title{
   font-weight:bold;
   margin-bottom:12px;
   padding-bottom:7px;
   margin-right:10px;
   border-bottom:1px solid #47177a;
}

.updateBox ul{
   padding-left:0px;
   padding-right:0px;
}

.updateBox li{
   list-style:none;
   border-bottom:15px solid #E8E5E5;

}

.updateBox .content{
   height:150px;
}

.details-field h3, .topInfoDetails-form h3{
   color:#555;
   font-size:1.1em;
   font-weight:bold;
   margin-bottom:5px;
   padding:0;
}

input {
border: none;
}

.details-form
{
	float: left;
	padding-right:15px;
   /*width:400px;*/
}
.topInfoDetails-form
{
	float: left;
	padding-right:15px;
   width:420px;
}
.topInfoDetails-form .details-field
{
	text-align:left;    
}

span.required {
   color: red;
}
.content .left
{
	float: left;
	width: 632px;
	min-height:300px;
   height:auto !important;
	height: 300px;
}
.content .left .description
{
	color: #70bb3b;
	font-size: 1.1em;
}
.content .left .description span
{
	color: #70bb3b;
	font-weight: bold;
}
.content .left .last-step
{
	float: left;
	margin-right: 0;
}
.content .left .step
{
	float: left;
	margin-right: 2px;
}
.content .photo
{
	float: left;
	width: 180px;
	margin-top:5px;
}
.content .right
{
	float: right;
	width: 240px;
}

.navigation a {
	width:auto !important;
	padding:2px 10px 5px 5px;
}

.navigation a:hover {
	padding:2px 10px 5px 5px;	
	background-color: #E8E5E5;
	color: #47177a;
}

.navigation a:hover span {	
	background-color: #E8E5E5;
	color: #47177a;
}

.navigation a.selected {
	padding:2px 10px 5px 5px;
}

.results{
   background-color:#E8E5E5;   
}

.formButton .right{
   width:auto !important;
}

.browse
{
	border: 0;
	height: 24px;
	width: 77px;
}

.clear
{
	clear: both;
}

.details-field
{
	text-align:left;
	vertical-align: top;
	display: block;
	clear: both;
	padding-top:5px;
}

.topTitle
{
	margin-bottom: 15px !important;
}

.tab
{
    margin-top:5px;
}
.details-field a,
.tab .content a
{
	color: #681888;
}
.details-field .details-text
{
	border: 1px solid #9A9A9A;
	width: 217px;
}
.details-field .details-text-big, .text-big
{
	border: 1px solid #9A9A9A;
	width: 350px;
	height:150px;
}
.details-field .details-text-medium
{
	border: 1px solid #9A9A9A;
	width: 350px;
	height:40px;
}
.details-field .details-text-small
{
	border: 1px solid #9A9A9A;
	width: 150px;
}
.details-field label
{
	display: block;
	float: left;
	width: 160px;
	vertical-align:middle;
	margin-right:5px;
	text-align:left;	
}

.details-field label label
{
	float: left;
	width:160px;
}
.details-field .caption
{
	display: block;
	float: left;
	width: 160px;
   color: #681888;
   font-weight: bold;
   text-align:left;

}
.details-field .value
{
	text-align:left;
	display: block;
	color: black;
	width:425px;
	float:left;
   padding: 0 4px 4px 6px;
   margin-left:10px;
   min-height:15px;
   background-color: #fff;
   border-top:3px solid #fff;
}
.details-field select
{
	border: 1px solid #9A9A9A;
	width: 200px;
	vertical-align:middle;
}
.details-field input
{
	vertical-align:middle;    
}
.dgray
{
	background: #E1E1E1;
}
.dg-roundbottom
{
	background: #E1E1E1 url(/images/home/homepage_login_bottom_R_corner.jpg) no-repeat bottom right;
}
.done
{
	border: 0;
	height: 24px;
	width: 66px;
}
.find-field
{
	margin-bottom: 5px;
	vertical-align: top;
}
.find-field .button
{
	text-align: right;
}
.find-field .button .find
{
	border: 0;
	height: 24px;
	width: 70px;
}
.find-field .text-field
{
	border: 1px solid #9A9A9A;
	width: 220px;
}
.find-field label
{
	display: block;
	float: left;
	width: 65px;
}
.find-field span
{
	float: left;
}

.formTopButton {
    text-align:right;
    padding-bottom:5px;
    padding-top:5px;
    float:none;
    clear:both;
    min-height:15px;
}
.formView
{
    width:100%;
}
.save
{
	border: 0;
	height: 24px;
	width: 66px;
}
.srch-again
{
	border: 0;
	height: 24px;
	width: 110px;
}

.tab .bar
{
	background: #663890;
	height: 2px;
	width: 632px;
}
.tab .content
{
	padding: 10px;
	width: 622px;
	min-height:400px;
   height:auto !important;
	height: 400px;
	background-color: #E8E5E5;
}
.tab .result
{
	clear: both;
	height: 110px;
	margin-bottom: 10px;
}
.tab .result .phto
{
	float: left;
	padding: 4px;
	width: 87px;
}

.longBox .t{
   padding-left:70px;
}

img.corner
{
	border: none;
	display: block !important;
	height: 13px;
	width: 13px;
}
.editRemoveLinks
{
    text-align:right;
}

.doubleSidedTab
{
}
.doubleSidedTab .leftSide, .doubleSidedTab .rightSide
{
    width: 306px;
    float:left;
}

.doubleSidedTab .leftSide .phto, .doubleSidedTab .rightSide .phto
{
    float:left;
	margin-right:5px;
}

.doubleSidedTab .leftSide .phto img, .doubleSidedTab .rightSide .phto img
{
    width:60px;
}
.longBox,
.smallBox
{
   border: 1px solid #ccc;
	background: #FFF;
	margin: 0 0 10px 0;
	padding: 5px;
	min-height:80px;
   height:auto !important;
	height: 80px;
}
.longBox .phto
{
	float: left;
	margin-right:5px;
	min-height: 70px;
	width:60px;
}
.longBox .phto img
{
    max-height:90px;
}
.reply {
   background: #fff;
   border: none;   
}
.smallBox {
	width: 270px;   
}
.smallBox .phto
{
	float: left;
	margin-right:5px;
	min-height: 70px;
	width:60px;
}
.smallBox .phto a img
{
    max-height:90px;
}
.BoxCaption
{
    /*color:#681888;*/
    color:Black;
}
.bigInfoBox
{
    height:150px;
}
.dynamicLinks
{
 margin-left:165px;
}
.dynamicLinks ul
{
    padding-left:10px;
}
img.alumniPic
{
    max-width:150px;
    max-height:300px;
}
.webLinkCaption
{
    width:160px;
    float:left;
    overflow:hidden;
}
.webLinkUrl
{
    width:200px;
    float:left;
    overflow:hidden;
}
.topDetails
{
	min-height:200px;
   height: auto !important;
	height: 200px;
}

.radioButtonList input
{
    float:left;
    border-width:0px;

}


.radioButtonList label
{
    float:left;
    margin-top:2px;
}
.keysBox
{
}
.eventDateBox
{
    width: 60px; 
    height: 55px; 
    border: solid 1px #681888;
    background-color:White;
    font-weight:bold;
    text-align:center;   
    padding-top:12px;
}
img.eventPicThumb
{
    width:60px;
    height:60px;
    margin:3px;
}
.eventImages
{
    margin-top:10px;
    margin-bottom:10px;
}
.eventImagesIntro
{
    padding-top:5px;
    padding-bottom:5px;
}
ul
{
    padding: 0px 10px 20px 20px;
}

.divConfirmation
{
    margin:0px 10px 10px 10px;
}
span.formTopInstructions
{
    padding: 20px 10px 20px 5px;
    display:block;
    color:#555;
}

/** JO added **/

div.details-field span.checkbox label {
   padding: 4px;
   vertical-align:middle;
}
div.details-field span.checkbox input {
   float: left;
   clear: left;
   vertical-align:middle;
   border-width:0px;
}
div.buttons-right input {
   float: right;
}
div.custom-pager {
   font-size: 1em;
   font-weight: normal;
   text-align: center;
   margin-bottom: 8px;
}
.info {
   display: block;
   background: url('/images/icons/ArrowRightSmall.bmp') 4px 7px no-repeat white;
   border: 1px solid #CCCCCC;
   color: #681888;
   padding: 7px 0 7px 22px;
   margin-bottom: 10px;
}
.arrow-left {
   background: url('/images/icons/ArrowLeftSmall.bmp') no-repeat white;
   padding: 1px 0 1px 22px;
}


.quick-search {
padding-top:5px;
font-weight:bold;
}

.quick-search input {
float:left;
position:absolute;
right:31px;
border:none;
height: 15px;
width: 146px;
font-style: italic;
font-weight: normal;
font-size:12px;
color: #666;
padding: 2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}

.quick-search a {
float:left;
position:absolute;
right:0;
top:0;
}

.home-search {
   width: 632px;
}
.home-search2 {
   width: 245px;
}
.home-search input.text {
   width: 540px;
}
.home-search input.button {
   float: right;
}
/** End JO added **/

span.homeSearchButton
{
    width:100%;
}
.inviteForm
{
    clear:both;
    float:none; 
    margin-bottom:5px;  
}
.inviteForm-left
{
    float:left;
    width:200px;
}
.inviteForm-right
{
    width:400px;
}
.inviteFormMessage
{
    float:none;
    clear:both;
}
.rblInvitationType label, .rblInvitationType input
{
    height:20px;    
    border-width:0px;
}
.ddlInvitationType
{
    height:20px;
    display:block;
}
.ddlInvite
{
    width:250px;
}
table.sitemap td {
   vertical-align: top;
   padding-right:10px;
}
div.login table,
div.login .panel {
   margin: 0px auto 0px auto;
   float: none;
}
.registrationText
{
    text-align:center;
}
.topError
{
    text-align:center;
}
.loggedIn
{
    text-align:center;
}

.error, .error ul li
{
	color: #fe0808;    
	font-weight:bold;
	
}
.skillList
{
    list-style-type:square;
}
.LinkList
{
    list-style-type:none;
    margin-left:-10px;
 
}
.help
{  
   position: absolute;
   display: none; 
   width: 250px; 
   z-index: 999; 
   border: solid 2px #681888; 
   background-color: #ffffff; 
   padding: 10px;
   text-align:justify;
   font-family: Arial, Arial, Helvetica;
   font-size: 1em;   
}
.helpFlyOut
{
   position:absolute;
   display: none;
   overflow: hidden;
   z-index: 999;
   background-color: #FFFFFF;
   border: solid 1px #681888;    
}
.topHelp
{
    float:left;
}
.labelJoinUs
{
    float:left;
}
.interestBox
{
    width:440px;
}
.interestBoxgrey
{
	background-color:#c1beb9;
    width:440px;
}

.hidden
{
   display:none;
}

div.RealEdgeList1 ul
{
    
}
.RealEdgeContents1  ul
{
   padding: 2px;
   margin-left:3px;
   list-style-type:none;
   clear:both;
}

.RealEdgeContents1 ul li
{
	
 background-image: url(/images/home/star.jpg);
 background-repeat:no-repeat; 
 padding-left:30px;
 margin-bottom:10px;   
 *padding-right:4px;  
}

.PayNowLink
{
    font-size:2em;
    letter-spacing:1px;
    font-weight:bold;
    color: #681888;    
    top:40px;   
    position:relative;   
    left:50px;    
}

.EnterGroup
{
    font-size:2em;
    letter-spacing:1px;
    font-weight:bold;
    color: #681888;         
    left:200px;    
    
}

.PayNow
{           
    background:url(/images/home/visaOptions.jpg);
    background-position:right;
    background-repeat:no-repeat;
    height:88px;               
    margin-right:20px;             
}

.RealSideImage
{
    float:left;
    margin: 0 10px 5px 0;   
}

.PrmotionBox
{
     display: block;  
     margin-top:4px;   
     text-align:left;	 
     margin-right:4px;    
     width:155px;		 	
}
.boxRealEdgePromote
{                   					
	margin-bottom:4px;		
}

.boxRealEdgePromote p
{      
   margin:0;   
   margin-top:10px;
    
}

p.todo
{
    color:Red;
    padding:3px;
    font-weight:bold;    
}

div.ContactList
{
    height:100px;   
    width:150px;
    overflow:auto;
    scrollbar-base-color: #D2E89E; 
}
.inlineElement
{
    float:left; 
    margin-right:3px;  
    height:100px; 
}

.inlineElementButton
{
    float:right;
}

span.caption
{
   color: #681888;
   font-weight: bold;  
}

.login-field
{
	margin-bottom: 5px;
}
.login-field .button
{
	text-align: right;
}
.failureText
{
	text-align: center;
	height:15px;
}
.login-field .button .login
{
	border: 0;
	height: 24px;
	width: 70px;
}

.login-field input
{
	border: 1px solid #9A9A9A;

}

.dynamicLinks ul {
   padding-left:20px !important;
}

ul, ul li {
   padding:0px !important;
   margin:0px !important;
}

 
   

ul.bottomLinks li a{
   padding-right:5px;
}

.menu ul li{
   height: 20px !important;   
}

ul.pulldown-inner li a{
   height: 18px !important;   
   padding: 2px 5px 0px 15px !important;
}

ul.pulldown-inner li{
   padding:0px !important;
   margin:0px !important;   
}

.registerTab{
    background:url(../Images/grey_head.gif) repeat-x;
	float:left;
	width:50%;
	color:#fff !important;
	border-bottom:solid 2px #4a4646;
	cursor: pointer;
	cursor: hand;
}

.formRow input, .details-field input{
   border: 1px solid #ccc;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.formRow select, .sidebar select, .details-field select, .custom-pager select{
   border: 1px solid #ccc;
	height: 24px;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}
.printDetails{
 display: none;
}