/*************** CSS Document ******************/

/* reset.css */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd , ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
}

table {border-collapse:separate; border:0;}
caption, th, td {text-align:left;font-weight:normal;}
a img {border:none;}


/*  base css */

body,html
{ 
text-align:center;
padding:0; 
}


body
{
min-width:1024px;
font-family:"Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif; 
color:#3c3c3c;
font-size: 13px; /* Except IE */
background:#fff; 
text-align: center; 
}

* html body 
{ 
font-size: 80%; /* IE */ 
}


h1,h2,h3,h4,h5
{
color:#4261a1; 
line-height:110%; 
padding: 10px 0; 
font-weight:normal;
}


h1
{font-size:200%;}

h2
{font-size:130%; padding:5px 0; }

h3
{
font-size:110%; 
background:#dfe6ea;
padding:10px 15px;
margin:10px 0;
}

h4
{font-size:120%;}

hr 
{ 
height:1px;
background:#ccc;
border:0px solid #ccc;
margin:15px 0;
}

.leftcol img
{
padding:10px;
}

.leftcol ul#thumbs img
{
padding:0px;
}

.leftcol .ZineTools img
{
padding:0px;
}

.leftcol .ZineBody table{
width:auto;
}


blockquote
{
margin:15px;
}

ul
{
margin:10px 20px;
}

ul li
{ 
margin-left: 5px; 
margin-top:3px;
padding-left: 17px; 
list-style-type: none; 
background-image: url(arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
}

ul ul li
{
font-size:90%;
margin-left: 10px; 
margin-top:2px;
list-style-type: none; 
background-image: url(bullet.gif); 
background-repeat: no-repeat; 
background-position: 0 7px; 
line-height:130%;
}

ul ul ul li
{ 
background-image: none; 
margin-left: 50px; 
padding: 0; 
list-style-type: circle; 
}

ol  { 
margin: 10px 0 10px 20px; 
padding: 0 ;
}

ol li  
{ 
margin-left: 5px; 
margin-top:5px;
}

.Document a
{
margin-left: 5px; 
margin-top:1px;
padding-left: 25px; 
list-style-type: none; 
}


.Document a.pdf, ul#pdf li
{
background: url(pdf.gif) no-repeat 0 2px;
}

.Document a.doc
{
background: url(word.png) no-repeat 0 0; 
}

.Document a.dat
{
background: url(excel.png) no-repeat 0 0; 
}

.Document p a
{
color:#3a4f96;
border:1px solid #3a4f96;
text-decoration:none;
padding:5px 10px;
}

.Document p a:hover
{
color:#505050;
background:#ccc;
border:1px solid #ccc;
}

.Document em
{
color:#666;
font-size:90%;
padding:5px 0 5px 0;
}

.Document dd
{
padding:0 0 0 25px;
}


p{margin:10px 0;}

br#clear
{
clear:both;
}

/* Search */

#search
{
background:#fff;
position:absolute;
top:80px;
right:0px;
display:block;
margin:0;
height:25px;
width:185px;
}


#search input.textbox
{
background:#fff;
height: 16px;
width: 140px;
/width:130px;
/float:left;
color:#505050;
border:0px;
padding:2px;
margin:2px;
font-size: 12px9; /* IE8 and below */
}

#search input[type="image"]
{
float:right;
margin:3px 5px 0 0;
top:0;
}

#search form
{
display:inline;
}

/*************** base ******************/

.bodybg
{
z-index:-1;
width:100%;
height:100%;
background:url(bg.jpg) repeat 0 0;
border-bottom:2px solid #e4e2d2;
}

#backimage
{
z-index:1;
position:absolute;
height:670px;
width:100%;
background:url(bg_people.jpg) repeat-x 0 170px;
}


/*************** header ******************/

.header
{ 
position:relative;
z-index:999;
text-align:center;
background:url(header_bg.jpg) repeat-x 0 0;
width:100%;
height:170px;
}

.header_wrap
{ 
position:relative;
width:990px;
height:170px;
margin:0 auto;
background:url(header.jpg) no-repeat center bottom;
text-align:left;
}

#header_items
{
height:121px;	
}

div.header h1
{
padding:0;
margin:0;
}

div.header h1 a img
{
margin:20px 0 0 0;
}

ul#topmenu
{
position:absolute;
top:45px;
right:0;
text-align:right;
margin:0px;
}


#topmenu li
{
	background:none;
	color:#336699;
	margin:0;
	padding:0;
	float:left;
	text-align:cetner;
}

#topmenu li a
{
	color:#fff;
	font-size:90%;
	padding:0 5px;
	text-decoration:none;
}

#topmenu li a:hover
{
	color:#8daadf;
	text-decoration:underline;
}

#topmenu li a#cart
{
background:url(shop_cart.png) no-repeat 0 center;
padding:0 5px 0 20px;
}

/*************** maincontents ******************/

.body_wrap
{
position:relative;
width:990px;
margin:0 auto;
padding:0;
z-index:10;
letter-spacing:-0.5px;
}


.leftcol
{
	background:#fff;
	text-align:left;
	width:660px;
	float:left;
padding: 20px 20px 30px 20px; 
margin:20px 0;
min-height:400px;
line-height:140%;
border:1px solid #edebda;
}

#onecol
{
width:950px;
}

/*************** Top Page ******************/

#leftcol_top
{
border:0px;
width:700px;
background:none;	
padding: 0; 
}

.top_contents
{
width:700px;
padding:0;
margin:20px 0 0 0;
}

.top_contents td
{
width:340px;
vertical-align:top;
} 

.top_contents .ZineHeader
{
height:0;
}

.top_contents .Zine h2
{
display:none;
} 

.top_contents td#full
{
width:100%;
padding:0;
} 

.top_contents td#full p
{
border:0;
} 


.top_contents td div.maincontents
{
padding:30px 0 20px 0;
display:inline-block;
position:relative;
}

.top_contents td#full h2
{
margin:-25px 0 0 0;
position:absolute;
top:0;
left:0;
width:700px;
} 

.top_contents #space
{
width:20px !important;
padding:0;
margin:0;
}

.top_contents h2
{
color:#fff;
line-height:44px;
display:block;
background:url(heading_half.png) no-repeat 0 bottom;
padding:20px 20px 0 20px;
margin:0;
text-transform:uppercase;
font-size:120%;
}

.top_contents td#full h2
{
background:url(heading_full.png) no-repeat 0 bottom;
}

.top_contents td p
{
background:#fff;
padding:10px 20px;
margin:10px 0 0;
border:1px solid #edebda;
}

.top_contents table.ZineTools tr {
float:left;
margin-right:10px;
}

.top_contents div.Zine .ZineIndex {
padding:15px 25px 0px;
}





/*************** links ******************/

a
{ 
color:#24795e;
text-decoration:none; 
padding-bottom: 1px;
}

.body_wrap a{text-decoration:underline;}

a:hover
{ 
color: #666; 
background-image: none; 
text-decoration:none; 
}

/*************** menu ******************/

div.mainmenu
{ 
height:48px;
z-index: 1000; 
padding::0; 
margin:0; 
}

div.mainmenu ul.CMenu
{ 
vertical-align: bottom; 
border-left:1px solid #298c6d;
margin: 0 60px; 
height:49px;
padding: 0; 
z-index:1000;
display:table;
width:870px;
/width:auto;
/display:block;
}

ul.CMenu li
{ 
background:none;
list-style-type: none;  
float:none;
margin: 0; 
padding:0; 
display:table-cell;  
border-right:1px solid #298c6d;
text-align:center;
/float:left; 
/display:inline;
/width:140px;
}

ul.CMenu a
{ 
height:49px;
line-height:49px;
text-transform: uppercase;
font-size: 15px; 
/font-size: 14px; 
color:#fff; 
text-decoration:none; 
margin: 0; 
/padding:0 10px;  
padding:0px;
display:block; 
}

*html ul.CMenu a
{
height:40px;
width:100px;
padding:5px 20px 0 20px; 
line-height:110%;
}

ul.CMenu a:hover,#thispage,ul.CMenu li:hover
{ 
color:#fff;
text-decoration:none; 
background:url(m_hover.jpg) repeat-x 0 bottom #339933;
}

ul.CMenu li li.mItem
{
display:block;
border-right:0px solid #298c6d;

}

ul.CMenu li ul
{
/margin:0 0 0 -70px;
width:160px;
}

ul.CMenu li ul ul
{
background:#fff;
margin:-20px 0 0 17px;
width:160px;
}

ul.CMenu li li.mItem a.menu
{
	text-transform:none;
	line-height:110%;
color: #fff;
font-size:12px;
font-weight:normal;
margin:0;
width:160px;
height:auto;
padding:10px 10px;
text-align:left;
background:url(menu_bot.png) repeat-x 0 bottom #24795e; 
_background:#24795e; 
}

ul.CMenu li li.mItem a.menu:hover
{
background:url(menu_bot.png) repeat-x 0 bottom #184e34; 
_background:#184e34; 
}

.vmenu
{
margin:10px;
}

.vmenu a
{ 
padding-left: 17px; 
list-style-type: none; 
background-image: url(arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
}

/*************** Features ******************/

.features
{
height:300px;
}

.ArticleSlide
{
padding:0;
background:#fff;
border:1px solid #edebda;
overflow:hidden;
position:relative;
width:700px !important;
height: 300px;
}

#bigPic div.ArticleSlideImage img {
max-height: 290px !important;
max-width:430px !important;
height:auto;
margin:0 !important;
padding:0 !important;
width:430px !important;
}

#bigPic div.ArticleSlideImage
{
width:430px !important;
height:290px !important;
padding:0;
margin:0;
}

#bigPic
{
width:430px !important;
}

ul#thumbs li
{
font-size:90%;
background:none;
padding:0;
}

ul#thumbs li a
{
background:url(shadow_bot.jpg) no-repeat center bottom;
}

ul#thumbs li a:hover{
background:url(shadow_hover.jpg) repeat-x center bottom;
text-decoration:none;
}

.overlay .caption
{
background:url(blackbg.png) repeat 0 0;
}

ul#thumbs li.active
{
background:url(select_w.gif) no-repeat 0 center;
}

/*************** rightsidebar ******************/

.righttcol
{ 
width:258px; 
float:right; 
text-align:left; 
margin:0; 
padding:20px 0;
}

.righttcol h2
{ 
font-size:100%;
color:#fff;
text-transform:uppercase;
padding:12px 20px;
background:url(sidebar_heading.png) no-repeat 0 0;
}

.righttcol ul
{
margin:0 0 10px 0;
padding:0;
}

.sideboxtext
{
	color:#3c3c3c;
	position:relative;
	background:#fff;
	border:1px solid #edebda;
margin:0 0 10px 0;
padding:10px 15px;
}

.righttcol img
{ 
margin:5px;
}

#association
{
padding:0;
}

.association ul
{
margin:0;
padding:0;
}


.association li
{
width:245px;
padding:0;
margin:0;
display:inline;
}


.association li a
{
padding:7px 10px;
margin:0;
font-size:12px;
line-height:120%;
height:45px;
display:block;
background:url(hr_h.gif) repeat-x 0 bottom;
}

.association li#lastlist a
{
background:none;
}

.association li a:hover
{
background:#dcdcdc;
text-decoration:none;
}

.association li img
{
float:left;
margin:0 10px 0 0;
}


/*** Required Fields *************************************/

span.requiredPrompt
{
background-image:url(asterisk.png);
background-position:top right;
background-repeat:no-repeat;
padding-right:10px;
font-weight:bold;
}

/*************** footer******************/

div.footer
{ 
width:990px;
color:#999;
font-size:85%;
text-align:left; 
padding:30px 0;
margin:0 auto;
}

div.footer a
{ 
color: #558c7a; 
margin:0 5px;
}


.affiliate
{
font-size:110%;
color:#292929;
text-align:left;
background:url(affiliates_bg.gif) no-repeat 0 0;
height:107px;
width:950px;
display:block;
padding:25px 20px;
margin:0 0 20px 0;
}

.affiliate h2
{
color:#336666;
font-size:140%;
padding:0 0 10px 0;
text-transform: uppercase;
}

#affiliatelogos
{
float:right;
width:450px;
margin:10px 0 10px 5px;
}


#affiliatelogos img
{
margin:0 0 0 3px;
}

#socialnet
{
float:right;
width:270px;
margin:0 0 0px 10px;
position:relative;
top:-10px;
}

#socialnet img
{
margin:0 5px;
max-width:28px;
}


/*************** table ******************/

table.A
{
margin:5px 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:100%;
}


table.A th
{
padding:10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#ccc;
text-align:left;
line-height:130%;
}

table.A td
{
padding:10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
line-height:130%;
}


table.B td {
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
}


/*************** Zine ******************/


div.Zine
{
background-color:white;
}

div.Zine .ZineIndex
{
background-color:white;
padding:15px 25px 5px 25px;
}

div.Zine .ZineIndex .ZineItem
{
margin-bottom:15px;
}

div.Zine .ZineIndex .ZineItem a.ZineLink
{
font-weight:bold;
font-size:110%;
}


.ZineDate,.ZineAuthor
{
color:#666;
font-style:italic;
font-size:90%;
}

.Zine .ZineIndex .ZineItem .ZineSummaryIndex
{
text-align:right;
font-weight:bold;
font-size:75%;
text-transform:uppercase;
padding-top:10px;
}

.Zine .ZineIndex .ZineItem .ZineSummaryIndex a
{
padding:2px 7px;
border:1px solid #24795e;
color:#24795e;
}

.Zine .ZineIndex .ZineItem .ZineSummaryIndex a:hover
{
text-decoration:none;
background-color:#24795E;
color:white;
}

.top_contents .Zine td
{
width:20px;
}

.top_contents .ZineDate
{
display:block;
padding:0 0 10px 0;
}

table.ZineTools
{
margin:0;
background-color:#fff;
padding:0px 15px 7px 15px;
display:block;
}


table.ZineTools td
{
padding:2px;
}

table.ZineTools img
{
margin:0 5px 0 0;
float:left;
}

table.ZineTools a
{
width:100px;
font-size:90%;
color:#666;
text-decoration:none;
border:0;
}


.ZineImage
{
float:right;
margin:0 0 10px 20px;
}

.ZineImage img
{
border:3px solid #ddd;
max-width:300px;
height:auto;
}

.ZineCaption
{
text-align:right;
padding:3px 0;
font-size:90%;
}

.ZineArchive h2
{
font-size:110%; 
background:#dfe6ea;
padding:10px 15px;
margin:10px 0;
}

.ZineArchive .ZineItem
{
font-size:90%;
padding:0 20px;
line-height:130%;
}


/*************** Event Calendar Month View Large******************/

div.EvtDateSelector {
   border:1px solid #ccc;
   background-color:#f7f7f7;
   padding-left:20px;
   padding-right:20px;
   margin-bottom:10px;
}
.EvtCalHeader {
	font-size:large;
}

a span.EvtCalHeader{
text-align:center;
color:#fff;
padding:2px;
margin:3px;
}

a span.EvtCalHeader:hover{
color:#ffff66;
text-decoration:underline;
}

.EvtCalMonthMenuButton {
	cursor:pointer;
}
table.EvtCal { 
        border:2px #ccc solid; 
        border-collapse:collapse; 
	margin-bottom:10pt;
}

table.EvtCal td 
{ 
border:1px #ccc solid;
margin:0px; 
padding:5px; 
height:90px;
width:14.2%;
vertical-align:top;
background-color:white;
}

table.EvtCal th 
{ 
border:1px #ccc solid; 
margin:0px; 
padding:4px; 
background-color:#213C71;
font-weight:bold; 
font-size:10px; 
color:white;
text-align:center;
}

table.EvtCal caption {
	background-color:#666677;
	color:#ffffff;
        border:1px #666677 solid;
        margin:0px; 
	margin-left:-1px;
	margin-right:-1px;
        padding:4px; 
	font-weight:bold; 
	font-size:10px; 
}
table.EvtCal td.EvtDay {
	background-color:white;
}
table.EvtCal td.Today {
	background-color:#ffc;;
}
table.EvtCal div.EvtDay {
	font-weight:bold;
}
table.EvtCal div.Evt {
	padding-top:4px;
}

table.EvtCal div.Evt a.popup
{
font-size: 90%;
font-weight: normal;
line-height: 120%;
color:#24795E;
margin-bottom:5px;
}

table.EvtCal div.Evt a.popup:hover
{
    color: #666666;
    text-decoration: underline;
}

table.EvtCal div.SharedEvt a {
	color:red;
}
table.EvtCal div.OtherEvt a {
	color:magenta;
}
table.EvtCal td.NoDay {
	background-color:#EEEEEE;
}

.popup_p a:hover {
	text-decoration:none;
}

.EvtCal div.popup 
{
border: 2px solid #ccc;
background-color:white;
color:black;
padding:10px;
display:none;
z-index:10;
position:absolute;
left: -80px;
text-align:left;
line-height: 140%;
width: 400px;
}

div.popup a {
        font-weight:normal;
}
span.popup_p { 
    position:relative;
}
.EvtCal a.popup_close {
    display:block;
    float:right;
    border:1px solid #bbb;
    padding:2px;
    top:-5px;
    left:5px;
    position:relative;
    font-size:xx-small;
    font-weight:normal;
background-color:white;
}

a.popup_close:hover {
    background-color:#ddd;
    text-decoration:none;
}
.ThisMonth {
    font-weight:bold;
}


div.vCalendarLink
{
background-image:url(add_small.png);
background-repeat:no-repeat;
background-position:left center;
margin-top:10px;
height:45px;
line-height:130%;
padding:10px 0 0 50px;
}


/********** Event Calendar Month Small **********/

div.EvtCal table.EvtCalSm
{
position:relative;
top:-25px;
border-collapse:collapse;
margin:0 0 0 10px;
}

div.EvtCal table.EvtCalSm th
{
text-align:center;
padding:6px;
color:white;
background-color:#213C71;/* Background color */
width: 20px;
height:20px;
border:1px solid #fff;
}

*:first-child+html div.EvtCal table.EvtCalSm th /*IE7*/
{
border:0px solid #fff;
position:relative;
}

div.EvtCal table.EvtCalSm th form
{
padding:0;
}

*:first-child+html div.EvtCal table.EvtCalSm th form /*IE7*/
{
margin:0 0 0 50px;
}

div.EvtCal table.EvtCalSm th form img
{
padding:0;
margin:0;
}

*:first-child+html div.EvtCal table.EvtCalSm th form img /*IE7*/
{
position:absolute;
right:60px;
top:10px;
}

div.EvtCal table.EvtCalSm td
{
text-align:center;
padding:6px;
border:1px solid #999999;
}

div.EvtCal table.EvtCalSm td.EvtDay
{
background-color:#8dbb6a;
}

div.EvtCal table.EvtCalSm td.EvtDay a
{
color:#fff;
text-decoration:none;
}

div.EvtCal table.EvtCalSm td.EvtDay a:hover
{
color:#dcf3cc;
text-decoration:underline;
}

div.EvtCal table.EvtCalSm th img 
{
margin:0px;
}


/********** Event Calendar Fees **********/

div.EvtRegContinue
{
border: 1px solid #999999;
padding:15px;
margin-bottom:20px;
width:630px;
}

div.EvtRegContinue h2, div.EvtRegFinish h2
{
background-color: #999999;
color: white;
left: -15px;
line-height: 12pt;
margin: 0px;
padding: 7px 7px 7px 15px;
position: relative;
top: -15px;
width: 638px;
font-size:12pt;
}

div.EvtRegRegistrants h3
{
background-color: #999999;
color: white;
left: -15px;
line-height: 12pt;
margin: 0px;
padding: 7px 7px 7px 15px;
position: relative;
width: 638px;
font-size:12pt;
}

div.EvtRegMerchandise h3
{
background-color: #999999;
color: white;
left: -15px;
line-height: 12pt;
margin: 0px;
padding: 7px 7px 7px 15px;
position: relative;
width: 638px;
font-size:12pt;
}


div.EvtRegContinue div.EvtRegContinue
{
border:0px;
padding:0px;
margin:0px;
width:600px;
}

div.EvtRegFinish
{
border:1px solid #999999;
padding:15px;
width:630px;
}

div.EventFee
{
display:none;
}

div.EventFees div.EventFee
{
display:block;
clear:both;
}

div.EvtFeeDescr
{
font-size:95%;
font-style:italic;
clear:both;
}

div.EvtRegContinue div.EventFee
{
display:block;
}

div.EventFee {
border-bottom: 1px dotted #999999;
padding: 5px;
min-height:20px;
}

span.EvtFeeName {
text-transform: uppercase;
margin-right:10px;
display: block;
float: left;
}

div.EvtSessionRegistrant
{
font-size: 85%;
margin-bottom: 25px;
}

span.EvtFeeAccess {
color:red;
display:block;
font-size:x-small;
font-style:italic;
}

span.EvtFeeBuyInfo 
{
float:right;
display: block;
width:210px;
text-align: right;
}

span.EvtFeeCost 
{
margin-right:7px;
font-weight:bold;
float:left;
}

span.EvtFeeRegLink {
float: right;
margin-top: 1px;
text-align: center;
}

span.EvtFeeRegDoneLink
{
float:right;
}

span.EvtFeeRegLink a  
{
border: 1px solid #B00000;
color: #B00000;
font-size: x-small;
font-weight: normal;
margin-left: 15px;
padding: 2px 5px;
}

span.EvtFeeRegLink a:hover 
{
background-color:#B00000;
color:white;
text-decoration:none;
}

div.EventFees h3
{
background-color: #E5E5E5;
color: #3C3C3C;
font-size: 11pt;
top: 0;
line-height:10pt;
margin-bottom:3px;
}

div.EvtRegProduct
{
margin-top: 15px;
}

div.EvtRegRegistrants div.popup, div.EvtRegProduct div.popup
{
display:none;
background-color: white;
border: 1px solid #666666;
padding: 15px;
position: absolute;
width: 500px;
z-index: 100;
}

span.EvtFeeRegDone 
{
border: 1px solid green;
color: green;
font-size: x-small;
font-weight: normal;
margin-left: 15px;
padding: 2px 5px;
}

div.EvtRegRegistrants span.popup_p a.popup, div.EvtRegProduct span.popup_p a.popup
{
color:#11719F;
}

div.EvtFeeActivityInfo
{
float:left;
}

div.EvtRegRegistrants div.popup .Event h3, 
div.EvtRegProduct div.popup .Event h3
{
background-color:white;
left:0px;
padding:0px;
width:100%;
}

div.EvtRegRegistrants div.popup a.popup_close, div.EvtRegProduct div.popup a.popup_close
{
float:right;
position:relative;
z-index:200;
font-size:90%;
border:1px solid #999999;
padding:2px 5px;
}

span.EvtFeeGroupName
{
display: block;
font-size: 115%;
font-weight: bold;
margin-bottom: 7px;
padding-top: 20px;
}

table.top_contents table.EvtCalSm
{
display:none;
}

table.top_contents .EvtCal
{
background-color:white;
padding:15px;
}

table.top_contents .EvtCal h1
{
display:none;
}

.top_contents td .EvtCal p
{
padding:0px;
margin:0px 0px 2px 0px;
border:0px;
}

.EvtCal .EvtCalList dt
{
font-weight:bold
}

.EvtCal .EvtCalList dd
{
margin-bottom:10px;
}

.EvtCal .EvtCalList dd div
{
line-height:120%;
padding:5px 0 5px 15px;
background-image: url(bullet.gif); 
background-repeat: no-repeat; 
background-position: 3px 9px; 
}

.EvtCal .EvtCalList
{
margin:15px 0px 0px 0px;
}

div.EvtCal .EvtCalRSS a
{
text-decoration:none;
}

div.EvtCal .EvtCalRSS a img
{
margin:-10px 7px 0 0;
vertical-align:top;
}

div.EvtCal .EvtCalRSS a
{
font-size:90%;
color:#666;
}

div.EvtCal .EvtCalRSS a:hover
{
text-decoration:none;
}

div.EvtCal .EvtCalRSS
{
margin-top:15px;
}

/*************** Profile *************/

.edit_profile h1,.edit_contacts h1,.change_password h1,.edit_photo h2
{
font-weight:normal;
font-size:140%;
}

ul.Membership_update_profile_menu  {
font-size:85%;
height:40px;
list-style:none outside none;
padding:0;
}

ul.Membership_update_profile_menu li {
background:none repeat scroll 0 0 transparent;
float:left;
margin:0;
padding:0;
list-style:none;
}

#Membership_view_profile_link  {
display:none;
}

a#Membership_update_profile_link  {
background:url("profile.png") no-repeat scroll 0 0 transparent;
}

a#Membership_update_contact_link  {
background:url("addressbook.png") no-repeat scroll 0 0 transparent;
}

a#Membership_update_photo_link  {
background:url("photo.png") no-repeat scroll 0 0 transparent;
}

a#Membership_update_secondcontact_link  {
background:url("secondcontact.png") no-repeat scroll 0 0 transparent;
}

a#Membership_change_password_link  {
background:url("lock.png") no-repeat scroll 0 0 transparent;
}

a#Membership_account_link  {
background:url("history.png") no-repeat scroll 0 0 transparent;
}

a#Membership_new_secondary_link  {
background:url("secondcontact.png") no-repeat scroll 0 0 transparent;
}

a#Membership_update_profile_link, a#Membership_change_password_link, a#Membership_update_contact_link, a#Membership_update_photo_link, a#Membership_account_link,a#Membership_new_secondary_link  {
color:#666666;
display:block;
font-size:90%;
height:40px;
line-height:110%;
padding-left:30px;
text-align:left;
text-decoration:none;
width:55px;
}

a#Membership_update_profile_link:hover, a#Membership_change_password_link:hover, a#Membership_update_contact_link:hover, a#Membership_update_photo_link:hover, a#Membership_account_link:hover, 
a#Membership_new_secondary_link:hover 
{
color:#35589F;
text-decoration:underline;
}


#Membership_view_profile_link  {
display:none;
}

div#photos
{
float:right;
margin:0px 0px 15px 15px;
border:3px solid #4D5467;
}

div#photos img
{
padding:0px;
}

h2.membername
{
color:#4a546d;
display:inline-block;
font-size:170%;
}

td.body_content td#photos img
{
padding:0px;
margin-right:15px;
}

/*************** vcard *************/

a.vcard
{
background-image:url("vcard.png");
background-position:5px 0;
background-repeat:no-repeat;
display:inline-block;
padding-bottom:20px;
padding-left:38px;
padding-top:9px;
text-indent:-9999px;
font-size:80%;
}


a.vcard:hover
{
text-decoration:none;
text-indent:5px;
}

div.profile_info {
-moz-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
border:3px solid #dddddd;
margin-bottom:20px;
padding:15px;
width:600px;
}

div.contact_info {
-moz-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
border:3px solid #dddddd;
margin-bottom:20px;
padding:15px;
width:600px;
}

.Membership h3 {
    clear: both;
}

div.search_results 
{
background-color: #EEEEEE;
border: 1px solid #999999;
color: black;
display: block;
float: left;
font-size: 11px;
font-weight: normal;
height: 100px;
margin-bottom: 10px;
margin-right: 10px;
padding: 10px;
text-decoration: none;
width: 190px;
line-height:135%;
}

div.search_results:hover {
    background-color: white;
}

div.search_results .name {
    font-weight: bold;
}

ul.Membership_update_profile_menu {
    float: right;
    font-size: 80%;
    height: 40px;
    list-style: none outside none;
    margin-top: -40px;
    padding: 0;
    margin-right:30px;
}

ul.Membership_update_profile_menu li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
    padding: 0;
}

a#Membership_update_profile_link, a#Membership_change_password_link, a#Membership_update_contact_link, a#Membership_update_photo_link, a#Membership_account_link, a#Membership_new_secondary_link {
    color: #666666;
    display: block;
    font-size: 90%;
    height: 40px;
    line-height: 110%;
    padding-left: 30px;
    text-align: left;
    text-decoration: none;
    width: 55px;
    font-weight:normal;
}

#Membership_view_profile_link {
    display: none;
}

a#Membership_update_profile_link {
    background: url("profile.png") no-repeat scroll 0 0 transparent;
}

a#Membership_update_contact_link {
    background: url("addressbook.png") no-repeat scroll 0 0 transparent;
}

a#Membership_update_photo_link {
    display: none;
}

a#Membership_change_password_link {
    background: url("lock.png") no-repeat scroll 0 0 transparent;
}

a#Membership_new_secondary_link {
    background: url("secondcontact.png") no-repeat scroll 0 0 transparent;
}

a#Membership_account_link {
    background: url("history.png") no-repeat scroll 0 0 transparent;
}

div#profileinfo .name {
    color: #336633;
    font-family: Arial,Helvetica,Verdana;
    font-size: 13pt;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    margin-bottom:20px;
}

#ContactPreviewBlock .ContactPreview {
    background-image: url("card.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 205px;
    line-height: 110%;
    padding: 20px 15px 5px 20px;
    width: 300px;
}

.ContactPreview {
    background-image: url("card.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 205px;
    line-height: 110%;
    padding: 20px 15px 5px 20px;
    width: 300px;
    float:left;
}

.ContactPreview p
{
font-size:12px !important;
line-height:120%;
}

.ContactPreview a:link
{
font-weight:normal;
font-family: Arial,Helvetica,Verdana,sans-serif;
line-height:100%;
}

.ContactPreview a:hover
{
font-weight:normal;
font-family: Arial,Helvetica,Verdana,sans-serif;
line-height:100%;
}


#ContactPreviewBlock .ContactPreview h2 {
    font-size: 15px;
    padding-left:0px;
}

#ContactPreviewBlock .ContactPreview {
    cursor: pointer;
    line-height: 110%;
}

.ContactEditTip {
    color: #666666;
    font-size: 90%;
    font-style: italic;
    padding-right: 25px;
    text-align: right;
}

div.Membership h1
{
text-align:left;
}

br.clear
{
clear:both;
}

div.Membership
{
width:675px;
}

div.Membership hr
{
margin:0px;
}

div.Membership h4
{
padding-bottom:5px;
}

a.ContactAddLink
{
clear:both;
display:block;
}  

p.MembershipTopLink
{
clear:both;
}

.MembershipMiniProfile .address, .MembershipMiniProfile .phone
{
font-size:90%;
} 

.MembershipDirectoryAlpha a
{
border: 1px #ccc solid;
padding: 2px 5px;
margin-right: 2px;
font-size: 90%;
}

.MembershipDirectoryAlpha a:hover
{
background-color:#ccc;
color:white;
text-decoration:none;
}

div.help_popup
{
display:none;
background-color:#eee;
border:1px dashed #999999;
padding:10px;
font-size:90%;
}

span.help_hotspot
{
border:1px solid #24795E;
background-color:#24795E;
padding:1px 15px;
color:white !important;
float:right;
cursor:pointer;
position:relative;
top:-35px;
right:10px;
font-size:80%;
text-transform:uppercase;
}

span.help_hotspot:hover
{
background-color:#999999;
border:1px solid #999999;
}

div.help_popup a.popup_close
{
font-size:80%;
float:right;
border:1px solid #999999;
padding:1px 3px;
margin-right:-20px;
}

ul.MembershipDirectoryMenu
{
margin-bottom:10px;
}

div.MembershipDirectoryAlpha
{
margin-top:10px;
}

div.MembershipStatus {
    background-color: #EEEEEE;
    border: 1px solid #999999;
    font-weight: bold;
    padding: 10px;
}

h1 div.Membership
{
display:inline;
}

div#Login
{
position:absolute;
right:0px;
top:17px;
color:white;
font-size:90%;
}

div#Login a
{
text-transform:uppercase;
color:#fff;
font-size:90%;
text-decoration: underline;
}

div#Login a:hover
{
color:#213C71;
background-color:#fff;
text-decoration:none;
}

div#Login a.LoginUserLink
{
text-transform:uppercase;
color:white;
font-size:90%;
padding:0px;
border:0px;
text-decoration:underline;
}

div#Login a.Logout
{
text-transform:uppercase;
color:white;
font-size:90%;
padding:0px;
border:0px;
text-decoration:underline;
}

div#Login a.Logout:hover,div#Login a.LoginUserLink:hover
{
color:#8daadf;
background-color:#213C71;
text-decoration:none;
}

.LoginForm
{
text-align:center;
}

.LoginForm table
{
margin:0 auto;
}

.LoginForm table td
{
text-align:left;
padding:3px;
}

/*************** Call for Proposals *************/

div.CallForProposals table
{
width:500px;
border:1px solid #999999;
border-collapse:collapse !important;
}

div.CallForProposals table.Report table
{
margin:7px;
}

div.CallForProposals table th
{
border:1px solid #999999;
color:white;
background-color:#213C73;
padding:5px;
}

div.CallForProposals table th.ReportTools
{
border:1px solid #999999;
color:white;
background-color:white;
padding:5px;
text-transform:uppercase;
}

div.CallForProposals table td
{
padding:5px;
border:1px solid #999999;
}

div.CallForProposals table caption
{
margin-bottom: 5px;
font-weight: bold;
font-size: 110%;
}

div.CallForProposals table a
{
font-weight: bold;
}

div.CallForProposals table tr.B
{
background-color:#ddd;
}

div.CallForProposals table td.ReportFooter
{
font-size:85%;
}

table.Report {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}
table.Report {
    margin-bottom: 20px;
    width: 100%;
}
table.Report th, table.Report td {
    border-top: 1px solid #dddddd;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
table.Report th {
    font-weight: bold;
}
table.Report thead th {
    vertical-align: bottom;
}
table.Report caption + thead tr:first-child th, table.Report caption + thead tr:first-child td, table.Report colgroup + thead tr:first-child th, table.Report colgroup + thead tr:first-child td, table.Report thead:first-child tr:first-child th, table.Report thead:first-child tr:first-child td {
    border-top: 0 none;
}
table.Report tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table .table {
    background-color: #ffffff;
}
.table-condensed th, .table-condensed td {
    padding: 4px 5px;
}
table.Report, .Report {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #dddddd #dddddd #dddddd #dddddd;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}

table.Report caption + thead tr:first-child th, table.Report caption + tbody tr:first-child th, table.Report caption + tbody tr:first-child td, table.Report colgroup + thead tr:first-child th, table.Report colgroup + tbody tr:first-child th, table.Report colgroup + tbody tr:first-child td, table.Report thead:first-child tr:first-child th, table.Report tbody:first-child tr:first-child th, table.Report tbody:first-child tr:first-child td {
    border-top: 0 none;
}
table.Report thead:first-child tr:first-child > th:first-child, table.Report tbody:first-child tr:first-child > td:first-child, table.Report tbody:first-child tr:first-child > th:first-child {
    border-top-left-radius: 4px;
}
table.Report thead:first-child tr:first-child > th:last-child, table.Report tbody:first-child tr:first-child > td:last-child, table.Report tbody:first-child tr:first-child > th:last-child {
    border-top-right-radius: 4px;
}
table.Report thead:last-child tr:last-child > th:first-child, table.Report tbody:last-child tr:last-child > td:first-child, table.Report tbody:last-child tr:last-child > th:first-child, table.Report tfoot:last-child tr:last-child > td:first-child, table.Report tfoot:last-child tr:last-child > th:first-child {
    border-bottom-left-radius: 4px;
}
table.Report thead:last-child tr:last-child > th:last-child, table.Report tbody:last-child tr:last-child > td:last-child, table.Report tbody:last-child tr:last-child > th:last-child, table.Report tfoot:last-child tr:last-child > td:last-child, table.Report tfoot:last-child tr:last-child > th:last-child {
    border-bottom-right-radius: 4px;
}
table.Report tfoot + tbody:last-child tr:last-child td:first-child {
    border-bottom-left-radius: 0;
}
table.Report tfoot + tbody:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 0;
}
table.Report caption + thead tr:first-child th:first-child, table.Report caption + tbody tr:first-child td:first-child, table.Report colgroup + thead tr:first-child th:first-child, table.Report colgroup + tbody tr:first-child td:first-child {
    border-top-left-radius: 4px;
}
table.Report caption + thead tr:first-child th:last-child, table.Report caption + tbody tr:first-child td:last-child, table.Report colgroup + thead tr:first-child th:last-child, table.Report colgroup + tbody tr:first-child td:last-child {
    border-top-right-radius: 4px;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9;
}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #f5f5f5;
}

table.Report tr.B {
    background-color: #eee;
}

table.Report caption{
text-align:left;
}


/********** Search **********/

div.Search dl {
margin-bottom:40px;
margin-left:15px;
}
div.Search dt {
font-weight:bold;
}
div.Search dd {
font-style:italic;
margin-bottom:10px;
font-size:90%;
}

/********** Shopping Cart **********/

div.Pay table.Receivable 
{
width:100%;
font-size:85%;
border-collapse:collapse;
margin-bottom:15px;
margin-top:15px;
}

div.Pay table.Receivable th
{
color: white;
background-color: #213C73;
padding: 5px;
font-size:90%;
text-transform:uppercase;
border: 1px solid #999;
}

div.Pay table.Receivable tfoot
{
background-color:#eee;
padding:5px;
}

div.Pay table.Receivable td
{
padding:5px;
border: 1px solid #ddd;
}

div.Pay table.Receivable td div.total
{
font-weight:bold;
}

div.sideboxtext .Pay h1
{
display:none;
}

div.sideboxtext .Pay 
{
font-size:85%;
}

div.sideboxtext div.Pay table.Receivable th
{
padding: 2px;
}

div.sideboxtext div.Pay table.Receivable tfoot
{
padding:2px;
}

div.sideboxtext div.Pay table.Receivable td
{
padding:2px;
}

div.sideboxtext div.Pay table.Receivable 
{
margin-bottom:10px;
margin-top:0px;
margin-left:-5px;
}


/********** Catalogue **********/

div.CategoryProductWrapper .CatalogProduct
{
padding:5px 0;
clear:both;
min-height: 175px;
border-bottom: #999 dashed 1px;
}

div.CategoryProductWrapper .CatalogProduct .CatalogProductThumbnail 
{
float:left;
margin-right:15px;
}

div.CategoryProductWrapper .CatalogProduct .CatalogTitle
{
font-weight:bold;
font-size:105%;
margin-top: 10px;
}

div.CategoryProductWrapper .CatalogProduct .CatalogPrice
{
font-weight:bold;
margin-top:15px;
}

div.CategoryProductWrapper .CatalogProduct .CatalogSummary
{
font-size:85%;
}

div.Catalog .CatalogPath
{
font-style:italic;
font-size:90%;
color:#999;
display:none;
}

h2.ProductTitle
{
margin-top:15px;
font-size:120%;
font-weight:bold;
}

div.ProductPrimaryImageWrapper
{
float:right;
margin:-40px 0px 10px 30px;
text-align:center;
}

div.ProductPrimaryImageWrapper img
{

}

.ProductInfo form
{
margin-top:15px;
font-weight:bold;
float:left;
}

div.ProductAttachmentImageWrapper
{
clear:both;
}

.ProductInfo form table
{
font-weight:normal;
}

.ProductInfo form #quantity_input
{
background: url("textbox_bg.gif") repeat-x scroll 0 0 #F6F6F6;
border: 1px solid #C5CBD0;
color: #65686F;
padding: 2px 3px;
width:100px;
}

span.ProductDetail
{
font-size:90%;
}

div.Catalog h1
{
font-size: 140%;
font-weight: bold;
}

div.Membership #email, div.Membership #organization,div.Membership #meta_5fwork_5fcounty
{
width:400px;
}

div.Catalog table {
width: 100%;
}

a.renew {
    border: 1px solid #24795E;
    display: inline-block;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

/*************** Documents ******************/

dl.Document dt
{
font-weight:bold;
}

dl.Document dd
{
font-style:italic;
font-size:90%;
margin-bottom:10px;
}

.Donation input.donate_submit
{
display: block;
margin-top: 10px;
}

/********** Comments **********/

.ZineComment {
    margin-bottom:5px;
}
.ZineComment .ZineHeader {
    padding:4px;
    background-color:#DFE6EA;
    border:1px solid #DFE6EA;
color: #4261A1;
    font-weight:bold;
    font-size:11pt;
    display:block;
}
.ZineComment .ZineAboutBody {
    /* The background is used to simulate a 2-column table-like layout.
       A more elegant way to do this is to set display:table-cell for
       .ZineAbout and .ZineBody, but that only works in recent Gecko
       browsers.  This alternative is more of a hack, but works in most
       recent browsers. It also gives an acceptable appearance if the
       background image fails to load.  */
    background: url(commentbg.gif) repeat-y 0% 0%;
    border-left:1px solid #DFE6EA;
    border-right:1px solid #DFE6EA;
}
.ZineComment .ZineAbout {
    padding:10px;
    float:left;
    width:80px;
    font-size:9pt;
    color:#666;
}
.ZineComment .ZineBody {
    padding:10px;
    margin-left:100px;
}


.ZineComment .ZineFooter {
    padding:4px;
    background-color:#DFE6EA;
    border:1px solid #DFE6EA;
    font-size:9pt;
    display:block;
}
.ZineComment .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:9pt;
    display:block;
    background-color:#eeeeff;
}

div#comments div.Zine p.ZineTeaser
{
font-size:85%;
font-style:italic;
line-height:140%;
margin:0 20px 10px 0;
}

div#comments div.Zine h1
{
font-size:120%;
display:none;
}

div#comments div.Zine h2
{
font-size:120%;
}

div#comments
{

}

div#comments #Zine
{
margin-left:15px;
}

div#rightsidebar div#comments #Zine
{
 height: 275px;
    margin-bottom: 15px;
    overflow-x: hidden;
    overflow-y: scroll;
}

div#comments div.Zine p.ZineTeaser a.ZineTitle
{
display:block;
font-style:normal;
font-weight:bold;
}


div.forum_colours table.Report
{
font-size:85%;
border:1px solid #00566E;
width:100%;
}

div.forum_colours table.Report th.ReportTitle
{
background-color:#00566E;
color:white;
font-weight:bold;
padding:7px 10px;
}

div.forum_colours .ZineReportTitle img.ZineStatusIcon
{
display:none;
}

div.forum_colours table.Report tr.A td
{
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
vertical-align:middle;
}


div.forum_colours table.Report tr.B td
{
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
background-color:#E5E5E5;
vertical-align:middle;
}

div.forum_colours table.Report th
{
white-space:nowrap;
padding:5px 10px;
line-height:110%;
border:1px solid #00566E;
font-size:90%;
width:auto;
}

div.forum_colours table.Report a
{
background-position:right center;
background-repeat:no-repeat;
color:black;
padding-right:25px;
text-decoration:none;

}

div.forum_colours table.Report a:visited
{
text-decoration:none;
color:gray;
background-image:none;
}

div.forum_colours table.Report a:hover
{
text-decoration:underline;
color:gray;
}

div.forum_colours table.ZineIndex td
{
margin:0;
padding:5px;
vertical-align:middle;
}

div.forum_colours table.ZineIndex tr.B td
{
background-color:#E7F6F9;
}

div.forum_colours table.ZineIndex 
{
border:1px solid #DFE6EA;
border-collapse:collapse;
margin-bottom:10pt;
width:100%;
font-size:85%;
line-height:150%;
}

div.forum_colours table.ZineIndex th 
{
background-color:#DFE6EA;
border:1px solid #DFE6EA;
color:#4261A1;
margin:0;
padding:5px;
}

div.forum_colours table.ZineIndex a:link
{
background-position:right center;
background-repeat:no-repeat;
color:black;
padding-right:25px;
}

div.forum_colours table.ZineIndex span.ZineAuthor a:link
{
background-image:none;
padding-right:0px;
color: #00566E;
}

div.forum_colours a:visited
{
color:gray;
background-image: none;
}

div.forum_colours a:hover
{
color:gray;
text-decoration:underline;
}

div.forum_colours table.ZineIndex tr.B td
{
background-color:#E5E5E5;
}

div.forum_colours div.Zine .ZineIndex  {
padding: 0;
}

.ProductAttachment{
float:left;
max-width:123px;
text-align:center;
}

.ProductInfo table.cart_form .input input {
margin-top:5px;
}

/*************** Standard CSS Needed for CFP ******************/

a.button {
font-size:13px;
cursor: pointer;
text-transform:uppercase;
border:1px solid #cccccc; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:7px 10px; 
text-decoration:none; 
display:inline-block;
font-weight:bold; 
color: #505050;
margin:0 3px;
background-color: #ffffff; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
 background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
 background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
 background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
 background-image: -o-linear-gradient(top, #ffffff, #dddddd);
 background-image: linear-gradient(to bottom, #ffffff, #dddddd);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#dddddd);
}

a.button:hover {
color:#292929;
background-color: #eeeeee; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
 background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
 background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
 background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
 background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
 background-image: linear-gradient(to bottom, #eeeeee, #ccc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eeeeee, endColorstr=#cccccc);
}

div.overlay {
     display:none;
     position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     background-image:url(overlay.png);
     z-index: 2000;
}

div.overlayBox {
     width:300px;
     height:200px;
     margin: 300px auto;
border:2px solid #fff;
    -webkit-border-radius:20px !important;   
    -moz-border-radius:20px !important;   
     padding:0px !important;
     text-align:left;
background:#fff;
}
a.popup_close {
color:#666;
line-height:100%;
font-size:90%;
margin: 6px 6px 10px 10px;
display:block;
float:right;
border:1px solid #bbb;
text-decoration:none;
padding:5px;
font-weight:normal;
}

a.popup_close:hover {
color:#333;
background-color:#ddd;
text-decoration:none;
}

.SubmissionsMain table.Report th
{
padding:5px;
text-align:left;
border:0;
}

div.test table#c2 td#c1 object#count {
width:260px !important;
}
