
a.nostyle:link {text-decoration: none;color:#333333;	} 
a.nostyle:visited {text-decoration: none;color:#333333;	} 
a.nostyle:hover {text-decoration: underline;color:#333333;	} 


.fb_share_link { 
	padding:2px 0 0 20px; 
	height:16px; 
	background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; 
}

li.list_item {
	margin-left: 0;
	margin-right: 10%;
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 8pt;
}

li.list_item_small {
	margin-left: 0;
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 8pt;
}

h1 
{
	font-family: tahoma, verdana, arial; 
	margin:0px 0px 0px 0px;
	font-size:10pt;
	font-weight: bold;
	display: inline;
}

h2 {
	font-family: arial, verdana, arial; 
	margin:0px 0px 0px 0px;
	font-size:9pt;
	font-weight:normal;
	display: inline;
	}
	
div.radio_list {
  border-right: #71030C 1px solid; 
  border-top: #71030C 1px dotted; 
  border-left: #71030C 1px solid; 
  border-bottom: #71030C 1px solid;
}

div.radio_list_blue {
  border-right: #7F9DB9 1px solid; 
  border-top: #7F9DB9 1px dotted; 
  border-left: #7F9DB9 1px solid; 
  border-bottom: #7F9DB9 1px solid;
}

a
{
    color:Blue;
}
a:hover
{
    color:Red;
}

a.gray-link
{
	color:Gray;
}

table
{
	white-space:normal
}



table.header
{
  border-right: #71030C 1px solid; 
  border-top: #71030C 1px solid; 
  border-left: #71030C 1px solid; 
  white-space:normal
}

table.headerblue
{
  border-right: #7F9DB9 1px solid; 
  border-top: #7F9DB9 1px solid; 
  border-left: #7F9DB9 1px solid; 
  white-space:normal
}

table.border
{
  border-right: #71030C 1px solid; 
  border-top: #71030C 1px solid; 
  border-left: #71030C 1px solid; 
  border-bottom: #71030C 1px solid;
  white-space:normal
}

table.borderblue
{
  border-right: #7F9DB9 1px solid; 
  border-top: #7F9DB9 1px solid; 
  border-left: #7F9DB9 1px solid; 
  border-bottom: #7F9DB9 1px solid;
  white-space:normal
}

table.border_padding
{
  border-right: #71030C 1px solid; 
  border-top: #71030C 1px solid; 
  border-left: #71030C 1px solid; 
  border-bottom: #71030C 1px solid;
  padding: 1px 1px 1px 0px;
  white-space:normal
}

table.radio_list input {
  width: 15px;
  height: 13px;
  display: block;
  float: left;
}

table.radio_list label {
  width: 130px;
  height: 18px;
  display: block;
  float:left;
  font-size: 8pt;
}


body {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
    background:#f2f2f2  url(../images/bg.jpg) repeat-x top;
    position:relative;
	font-size: 8pt; 
	color:#333333;	
  }
  
  
select {
	font-size: 8pt; 
	font-family: tahoma, verdana, arial 
	}
	
option {
	font-size: 8pt; 
	font-family: tahoma, verdana, arial 
	}
	
label {
	font-size: 8pt; 
	font-family: tahoma, verdana, arial;
	}	  

 hr.bubble{
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	} 
		
 input.button{
	font-size: 8pt; 
	font-family: tahoma, verdana, arial 
	}	
	
 div.grey_border{
	border: #ddd 3px solid
	} 
	
 table.bubble{
	background: url(Images/bgBubble.gif) repeat-x ; 
	}
	
 td.bubble_left {
	border-left: 1px solid gainsboro;  
	} 
	
 td.bubble_right {
	border-right: 1px solid gainsboro;  
	} 

 td.border{
	  border-bottom: #ccccff 1px solid;
	}

 td.header{
	font-size: 9pt; 
	font-family: arial, tahoma, verdana, arial; 

	}


/******************
COLUMNS
******************/

.column-separator {
	background:#FFFFFF;
	width:1%;
	}


.side-column {
	background: #71030C url(Images/imgBackgroundGradient.jpg);
	width:19%;
	vertical-align:top;
	padding:25px 10px 1px 10px;
	border-left:0px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:0px solid #FFFFFF;
	width:19%;
	height:16px;

	}
	
	

/******************
FORM STYLES
******************/	
.popupinput { overflow : auto ;}

.separator-side-column {
	border-bottom:1px solid #FFFFFF;
	margin-bottom:8px;
	padding:0px;
	}
	
	
.normal {
	margin:3px 0px 0px 0px;
	color:#FFFFFF;
	padding-top:8px;
	display:block;
	}
	
.normal-bold {
	margin:3px 0px 0px 0px;
	color:#000000;
	padding-top:8px;
	display:block;
	font-weight:bold;
	}
	
.normal-bold-white {
	margin:3px 0px 0px 0px;
	color:#ffffff;
	padding-top:8px;
	display:block;
	font-weight:bold;
	font-family:verdana, arial,tahoma
	}
	
.small-text {
	font-size:9px;
	}

	

/******************
TABLE STYLES
******************/

table.table {
	width:100%;
	border:1px solid #D0D0BF;
	border-collapse:collapse;
	}

thead th {
	border-bottom:2px solid #D0D0BF;
	padding:6px;
	}

tfoot th {
	border-top:2px solid #D0D0BF;
	padding:6px;
	}

.table-row-1 td, .table-row-1 th,.table-row-2 td, .table-row-2 th, th {
	padding:2px 6px;
	border-left:1px solid #D0D0BF;
	}

.table-row-1 td, .table-row-1 th {
	background-color: #F7F6F3;
	}

/******************
LAYOUT STYLES
******************/

#header-container {
	background: #71030C ;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px;
	table-layout:fixed;
	font-weight:bold;
	}

#header-container a {
	text-decoration:none;
	color:#FFFFFF;
	}

#header-left {
	width:80%;
	color:#FFFFFF;
	height:20px;
	font-family: Verdana, arial, tahoma,sans-serif;	
	padding:29px 10px 0px 10px;
	background: url(Images/imgCurveLeft.gif) no-repeat;
	}

		
#header-right {
	color:#FFFFFF;
	padding:35px 10px 0px 0px;
	height:20px;
	text-align:right;
	width:19%;
	border-collapse:collapse;
	font-family: Verdana, arial, tahoma,sans-serif;	
	text-align:right;	
	}


#email-list{
    background-repeat: no-repeat;  
    float: left; 
    margin-top:6px;  
    height: 47px;    
    width: 50px;   
    display: block; 
    background-image: url(../images/imgEmailTitle.gif);
}


	    
	    
	    
/******************
CONTENT DIV
******************/
#content-bg {
	background: #FFFFFF;
	}

#content-container{
	margin:0px 0px 0px 0px;
	table-layout:fixed;
	height:400px;
	}

#content-height {
	height:300px;
	}
	
#content {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:1px solid #A7A7A7;
	}

.DivLink
{
	color:#515255;
	font-weight:bold;
}

/******************
NEW MENU LAYOUT
******************/
.MenuContainer{
	margin:0px 0px 0px 0px;
	height:26px;
	}
	
.Menu {
	background:#71030C  ;
	}
	
.MenuCell{
	border-color: #FFFFFF;
	text-align: center;
	color: White;
	display: inline-table;
	display: inline-block;
	padding: 1px 0px 1px 0px;
	font-weight:bold;
	}
 
.MenuCellHover{
	background:#A3000D;
	color:Yellow;
	font-weight:bold;
	}
 
.MenuCellHover a{
	color: Yellow;
	display: block; height:100%; margin: 0;
	}
	
	
.panelProfile
{
    visibility: hidden; 
    position:fixed; 
	width: 300px;
}

/*Modal Popup*/
.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:ghostwhite;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:500px;
}



/*----------------------------------------------- */	


#div-event 
{
    width: 100%;
    float: right;
    margin: 0px 4px 0px 1px;
    position: relative;
	word-spacing: 1px;
	line-height:18px;
	display: block;

}

#div-event span.lbl 
{
    width: 90px;
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    font-weight:bold;
    font-size:8pt;
    display: inline-block;

}

#div-event div.img {
    margin: 0px 4px 0px 0px;
    float: left;
    padding: 1px;
    height: 200px;
    width: 260px;
    display: block;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
}

#div-header 
{
    width: 500px;
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
	word-spacing: 1px;
	line-height:18px;
	display: block;

}

#div-header p.title {
    background-color: #cbcbcb;
    width: 182px;
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 3px 2px;
    font-weight:bold;
    font-size:9pt;
   	display: block;
}

#div-header div.img {
    margin: 0px 1px 0px 8px;
    float: right;
    padding: 1px;
    height: 197px;
    width: 302px;
    display: block;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #2E306B;
}



#hot-grid 
{
    width: 500px;
    float: left;
    margin: 0px 0px 0px 0px;
    background: #fafafa;
    position: relative;
    border: 1px solid #dadada;
}

#hot-grid h3 {
    color: white;
    background: #9c3e46;
    font-size:100%;
    margin: 0 0 8px;
    padding:4px 8px;
}

#hot-grid a {
    text-decoration: none;
}

#hot-grid div.big {
    float: left;
    margin-bottom: 8px;
}

#hot-grid div.big a.i {
    margin: 0 4px;
    float: left;
    padding: 4px;
    height: 35px;
    width: 110px;
    display: block;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #2E306B;
}

#hot-grid div.big a.j {
    margin: 0 6px;
    float: left;
    padding: 0px;
    height: 73px;
    width: 110px;
    display: block;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #d1d1d1;
}


#hot-grid div.big a.k {
    margin: 0 6px;
    float: left;
    padding: 0px;
    height: 120px;
    width: 200px;
    display: block;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
}

#hot-grid div.big a.l {
    margin: 0 6px;
    float: left;
    padding: 0px;
    height: 120px;
    width: 200px;
    display: block;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #d1d1d1;

}

#hot-grid div.big h2 {
    font-size: 105%;
    margin: 0px 0 4px 0;
}

#hot-grid div.big p {
    margin: 0px 6px 0px 6px;
}

#hot-grid div.big p span.l {
    color: #30309A;
    text-decoration: underline;
}

#hot-grid div.big p a:link, #hot-grid div.big p a:visited {
    color: black;
}







#mainContent, .mainContent {
	background: #fff url(/images/bg-inner-maincontent.gif) no-repeat 0 100%;
	height: 100%;
	overflow: hidden;
	padding: 0 0 15px;
}
#mainContentHead, .mainContentHead {
	background: #fff url(/images/bg-inner-maincontent.gif) no-repeat 0 0;
	height: 100%;
	overflow: hidden;
	padding: 0 8px;
}
#mainContentBody, .mainContentBody {
	background: #fff url(/images/bg-inner-maincontent-1px.gif) repeat-y;
	overflow:hidden;
	height:100%;
}
#mainContentHead h1,.mainContentHead h1,
#mainContentHead h2,.mainContentHead h2 {
	font-weight: normal;
	color: #1e709e;
	margin: 4px 0 0;
	padding: 8px;
}
#mainContentBody p, .mainContentBody p {margin: .5em 0 1.25em}



h3.event-basics  {
	font-weight: normal;
	color: black;
	margin: 7px 0 0;
	padding: 4px 8px 0;
	overflow: hidden;
	height: 48px;
}


.event-basics .date {
	float: left;
	width: 45px;
	display: block;
	font-size: .8em;
	text-align: center;
	line-height: 1.1;
	font-weight: normal;
	font-style: normal;
	color: black;
	border-right: 1px solid #dddcd8;
}

.event-basics .title {
	font-size: 1.1em;
	line-height: 1.2;
}

.event-basics .date span {display: block}
.event-basics .month {
	font-size: 1.2em;
	font-weight: bold;
}
.event-basics .day {
	font-size: 1.3em;
	font-weight: bold;
}
.event-basics .year {
	font-weight: bold;
	font-size: .9em;

}
.event-basics strong {
	display: block;
	font-size: 1.05em;
	color: black;
	margin: 0 0 0 52px;
	padding: 2px 0 0 8px;
	line-height: 1.2;
}


#event-summary { 
	font-size: 1em;
	float: right;
	width: 156px;
	padding: 0 0 20px;
	margin: 0 0 10px 20px;
	background: #f4f4f4 url(/images/bg-inner-event-summary.gif) no-repeat 0 100%;
}
.display-portrait #event-summary {margin-left: 8px}

#event-summary h4 {
	background: #f4f4f4 url(/images/bg-inner-event-summary.gif) no-repeat 0 0;
	color:#175A7F;
	font-size:1em;
	line-height:1.3;
	margin:0;
	padding:14px 10px 5px;
	text-align:center;
}

.event_image {
	clear: left;
	padding: 0 12px 0px;
}

#event-description {
	clear: left;
	padding: 0 10px 0px;
}
#event-description h1, #event-description h2, #event-description h3 {
	color: #003c56;
}
#event-description h1 {
	font-size: 1.7em;
	margin-bottom: 1.5em;
	font-weight: normal;
	text-align: center;
}
#event-description h3 {
	border-left: 5px double #CCC;
	color: #666;
	font-size: 1.1em;
	margin: 1em 0 2em;
	padding: 0 1.4em;
}
#event-description h4 {
	font-size: 1.1em;
	margin: 1em 0 .5em;
}
#event-description p {
	margin-bottom: 1.5em;
}

#event-description .peru {
	color: #cd853f;
	font-weight: bold;
}
#event-description span {color: #000}


#upcoming .dtend, #upcoming .dtstart {border: none !important}

#upcoming .vevent .description, #upcoming .vevent .venue {
	color: #666;
	margin: 0 0 0 36px;
	padding-left: 4px;
	border-left: 1px solid #dddcd8;
}


#verify-wrapper 
{
	position:absolute;
	top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 925px;
	display:none;
}
	
/* This is the transparent box */
#transbox {
	width: 400px;
	margin: 0 50px;
	background-color: #fbfd79;
	border: 2px solid black;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}

/* This is the container which set text to solid color.
position: relative used for IE */
#transbox div {
	padding: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	position: relative;
}







.register-new
{
	padding: 0;
}
.register-update
{
	padding: 0;
}
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.modalPopup {
    background-color:white;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:500px;
}
.popup {
    padding: 0;
    position: relative;
    color:Black;
}        
div.popup em 
{
	background:#dbfcd0;
	border:  solid  1px #589d39;
	padding-top:4px;
	line-height:12px;
    width: 160px;
    height: 30px;
    position: absolute;
    font-style:normal;
    top: -200px;
    left: -0px;
    text-align: center;
    z-index: 2000;
    display: none;
}
.border-bottom
{
	border-bottom:solid 1px Gray;
}
.text-area
{
	padding:1px;
}
.formline{
    padding:1px;
}
.input-container{
    padding:1px;
}
div.radio_five {
  border-bottom: #ccccff 1px solid;
  width:700px;
  margin-left:4px;
  padding-bottom:10px;
}       
table.radio_five input {
  width: 15px;
  height: 13px;
  display: block;
  float: left;
  margin: -1px  0 2px 10px; 
}
table.radio_five label 
{
  width: 140px;
  float: none;
  font-size: 8pt;
  display: block;
}
div.radio_four {
  border-bottom: #ccccff 1px solid;
  width:700px;
  margin-left:4px;
  padding-bottom:10px;
}       
table.radio_four input {
  width: 15px;
  height: 13px;
  display: block;
  float: left;
  margin: -1px  0 2px 10px; 
}
table.radio_four label {
  width: 175px;
  float: none;
  font-size: 8pt;
  display: block;
}
div.radio_three {
  border-bottom: #ccccff 1px solid;
  width:495px;
  margin-left:4px;
  padding-bottom:10px;
}       
table.radio_three input {
  width: 15px;
  height: 13px;
  display: block;
  float: left;
  margin: -1px 0 2px 10px; 
}
table.radio_three label {
  width: 165px;
  float: none;
  font-size: 8pt;
  display: block;
}
.checkboxes label {
    padding-left: 10px;
    height: 12px;
}
.checkboxes input {
    width: 13px;
    height: 13px;
    position: relative;
    top: 2px;
    *overflow: hidden;
}
.radio_padding10 label {
	padding-right:10px;
}       
.radio_padding20 label {
	padding-right:20px;
}       
.radio_padding30 label {
	padding-right:30px;
}       
.radio_padding40 label {
	padding-right:40px;
}

.matches_label
{
	background-color:Black; 
	color:White;
	font-weight:bold;
	padding: 0px 0px 0px 2px;
}

.form-title,
.form-sub-title{
    font-size:20px;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
    font-size:20px;
    font-weight:bold;
}
.form-sub-title{
    font-weight:normal;
    padding:6px 0 15px 0;
}
.greenButton{
    width:auto;
    vertical-align:middle;
    color:white;
    background-color:#589d39;
    outline:none;
    border:1px solid #006600;
    font-weight:bold;
    font-size:9pt;
    font-family:Verdana;
    line-height: 20px;
    height: 25px;
}
.greenButton:active{
    background-color:#006600;
}
.search-button{
    width:auto;
    vertical-align:middle;
    color:white;
    background-color:#589d39;
    outline:none;
    border:1px solid #006600;
    font-weight:bold;
    font-size:9pt;
    font-family:Verdana;
    line-height: 20px;
    height: 24px;
}
.search-button:active{
    background-color:#006600;
}   
.link-delete{
    color:Gray; 
    font-size:13px; 
    font-weight:bolder; 
    font-family:Tahoma;
    text-decoration:none;
}
.link-delete:active{
    background-color:#006600;
}       
.link-button{
    width:auto;
    margin:0px 0 0 2px;
    padding: 3px 7px 3px 7px;
    color:white;
    background-color:#589d39;
    outline:none;
    border:1px solid #006600;
    font-weight:bold;
    font-size:9pt;
    font-family:Verdana;
    text-decoration:none;
}
.link-button:active{
    background-color:#006600;
    padding: 3px 7px 3px 7px;
}   
.link-button-nopad{
    width:auto;
    color:white;
    background-color:#589d39;
    outline:none;
    border:1px solid #006600;
    font-weight:bold;
    font-size:9pt;
    font-family:Verdana;
    text-decoration:none;
    padding: 1px 3px 1px 3px;

} 
.link-button-nopad:active{
    background-color:#006600;
}    
.message-label
{
	color:#000000;
	font-weight:bold;
	font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size:12px;
    line-height:2em;
    letter-spacing:.8px;
}  
#loading{
    position:relative;
    visibility:hidden;
}
#error{
    background-color:#ffebe8;
    border:1px solid #dd3c10;
    padding:5px 3px;
    text-align:center;
    margin-top:10px;
    visibility:hidden;
    font-family:Arial, Verdana, Tahoma;
    font-size: 10pt;
    z-index:1000;
}
#message{
    background-color:#e8ffee;
    border:2px ridge Gray;
    text-align:center;
    visibility:hidden;
    font-family:Arial, Verdana, Tahoma;
    font-size: 10pt;
    position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -100px;
	width:200px;
	height:100px;
	z-index:1000;
}
#uploader{
    background-color:#e8ffee;
    border:2px ridge Gray;
    text-align:center;
    visibility:hidden;
    font-family:Arial, Verdana, Tahoma;
    font-size: 10pt;
    position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -140px;
	margin-left: -200px;
	width:400px;
	height:120px;
	z-index:1000;
}  
#cropper{
    background-color:#e8ffee;
    border:2px ridge Gray;
    text-align:center;
    visibility:hidden;
    font-family:Arial, Verdana, Tahoma;
    font-size: 10pt;
    position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -380px;
	margin-left: -210px;
	width:560px;
	height:610px;
	z-index:1000;
}
.dialog-header{
   	font-family: tahoma, verdana, arial, sans-serif;
    background-color:Black; 
    color:White; 
    width:100%; 
    padding:0px 0px 0px 0px;
    float:left; 
    font-weight:bold  ;
    font-size:12px;
    line-height:2em;      
}
.dialog-close{
    font-family:Verdana, Tahoma, Arial;
    font-size:12px;
    line-height:2em;  
    text-align:right;
    padding:0px 5px 0px 5px;
    margin:0;
    float:right;
    color:Gray; 
    font-weight:bolder; 
    font-family:Tahoma;
    text-decoration:none;
}
.dialog-close:hover{
    background-color:#006600;
}                 
A.white-links{
    color:White;
    font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size:12px;
    line-height:2em;
    letter-spacing:.5px;
    text-decoration:none;
    padding:1px 1px 1px 1px;

}

.label-heading
{
	background-color:Black;
	color:White;
    font-size:12px;
    font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
    height:18px;
    font-weight:bold;
}

/*CollapsiblePanel*/
.ContainerPanel
{
    width:500px;
    border:1px;
    border:solid 1px white;
    font-family:'lucida grande', tahoma, verdana, arial, sans-serif;

}
.collapsePanelHeader
{
    width:500px;
    padding-bottom:20px;
    padding-top:8px;
    background-color:Black;
    color:#FFF;
    font-weight:bold;
    font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size:12px;

}
.HeaderContent
{
    float:left;
    padding-left:5px;
    padding-top: 0px;
}
.Content
{
    margin-top:1px;
}
.ArrowExpand
{
    background-image: url(../images/expand_blue.jpg);
    width:13px;
    height:13px;
    float:right;
    margin-top:-7px;
    margin-right:5px;
}
.ArrowExpand p
{
    color:yellow;
    margin-left:-160px;
    margin-top:1px;
    width:160px;
}
.ArrowExpand:hover
{
    cursor:pointer;
}
.ArrowClose
{
    background-image: url(../images/collapse_blue.jpg);
    width:13px;
    height:13px;
    float:right;
    margin-top:-7px;
    margin-right:5px;
}
.ArrowClose p
{
    color:yellow;
    margin-left:-160px;
    margin-top:1px;
    width:160px;
}
.ArrowClose:hover
{
    cursor:pointer;
}


