/* General */

* { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Arial; }
body { width: 100%; text-align: center; background: #6a030d; }
ul { list-style-type: none; }

.Clear { clear: both; }
.Left { float: left; }
.Right { float: right; }
.TextAlignLeft { text-align: left; }
.TextAlignRight { text-align: right; }
.BulletedLink { background: url(../images/red_arrow_bullet.png) no-repeat 0px 0px; padding-left: 35px; height: 17px; }
.hidden_parent {display:none;}
/* Homepage */

#MainWrapper { width: 100%; margin: 0px auto 0px auto; text-align: left; }
#HeaderWrapper { width: 100%; height: 306px; background: url(../images/white_gradient_background.jpg) repeat-x; }

#MainMenuWrapper { width: 960px; height: 85px; margin: 0px auto 0px auto;}

.LoginFormLabel { color: #9b9b9b; font-size: 10px; margin: 11px 0px 0px 0px; } 
.LoginFormLabel a {  height:10px; color: #9b9b9b; font-size: 10px; margin: 11px 0px 0px 20px; padding: 3px 3px 3px 3px; text-decoration: none; display: inline-block; vertical-align: top;}
.LoginFormInput { border: solid 1px #f0f0f0; width: 133px; height:10px; color: #9b9b9b; font-size: 10px; margin: 11px 0px 0px 20px; padding: 3px 3px 3px 3px; }
.LoginFormButton { background: url(../images/login_button.jpg) no-repeat; border: 0px ; height: 20px; width: 19px; margin: 0px 0px -5px 20px; }

#MainMenu { margin: 23px 0px 0px 0px; float:right; width: 800px;}
#MainMenu li {float: left;  margin: 0 0 0 5px; padding: 0 5px 0 0; text-indent: 0; border-right: solid 1px #cccccc; height: 27px; vertical-align: top; text-align:center; }
#MainMenu li.First { border-left: 0px; }
#MainMenu li a { text-decoration: none; color: #7b7b7b; font-size: 10px; width: 55px; height: 27px; margin:0; padding: 0;  display: block; vertical-align: top;}
#MainMenu li a:hover { text-decoration: underline; }
#MainMenu li#main_15 a {width: 67px;}

#IntroWrapper { width: 956px; margin: 0px auto 0px auto; padding: 45px 0px 0px 5px; position: relative; }
#IntroWrapper h1 { font-size: 22px; color: #40060a; font-weight: normal;}
#IntroWrapper p { font-size: 13px; color: #898989; margin-top: 15px; width: 525px; }
#IntroWrapper p a { text-decoration: none; color: #898989; }
#IntroWrapper p a:hover { text-decoration: underline; }
#IntroWrapper .IntroLink { width: 490px; }

#Microphones { position: absolute; right: -50px; top: 40px; }

#GradientWrapper { width: 100%; height: 550px; background: #000 url(../images/red_gradient_background.jpg) repeat-x; }

#BoxGradientWrapper { width: 100%; height: 240px; background: url(../images/red_gradient_background_short.jpg) repeat-x; }

#HomePageBoxes { width: 976px; height: 216px; margin: 0px auto 0px auto;}
.HomePageBox { width: 328px; height: 301px; background: url(../images/homepage_box.png) no-repeat; float: left; position: relative; z-index: 10; top: -16px; left: 0px; right: -8px; margin-right: -3px; }
.HomePageBox p { font-size: 11px; font-weight: normal; color: #ffffff; margin: 10px 20px 10px 20px; }
.HomePageBox p.HomePageBoxTitle { font-size: 14px; font-weight: bold; margin-top: 20px; }
.HomePageBoxStripe { background: #ed1b2e; width: 310px; height: 5px; margin: 0px 9px 0px 9px; }
.HomePageBoxImage { margin: 0px 9px 0px 9px;}
.HomePageBox p.HomePageBoxBottomLink a { font-weight: bold; color: #ffffff; text-decoration: none; }
.HomePageBox p.HomePageBoxBottomLink a:hover { text-decoration: underline; }

#HomePageFooterWrapper { width: 100%; height: 221px; background: #000000; position: relative; top: -24px; } 
#PageFooterWrapper { width: 100%; height: 221px; background: #000000; position: relative; top: -115px; }

#Footer {  width: 960px; margin: 0px auto 0px auto; position: relative; }

#FooterLinks { position: absolute; top: 90px; }
#FooterLinks li { display: inline; padding: 0px 17px 0px 17px; border-left: solid 1px #ffffff; }
#FooterLinks li.First { padding-left: 0px; border-left: 0px; }
#FooterLinks li a { text-decoration: none; color: #ffffff; font-size: 11px; }
#FooterLinks li a:hover { text-decoration: underline; }

.FooterLinkedInButton { display: block; position: absolute; top: 85px; right: 0px; }

.FooterNotesLeft { color: #5c5c5c; font-size: 11px; position: absolute; top: 140px; left: 0px; }
.FooterNotesLeft a { color: #5c5c5c; text-decoration: none; }
.FooterNotesLeft a:hover { text-decoration: underline; }
.FooterNotesRight { color: #5c5c5c; font-size: 11px; position: absolute; top: 140px; right: 0px; }
.FooterNotesRight a { color: #5c5c5c; text-decoration: none; }
.FooterNotesRight a:hover { text-decoration: underline; }

#BannerWrapper { width: 960px; margin: 0px auto 0px auto; position: relative; }
.PageBanner { position: absolute; right: 0px; top: 20px;}

#ContentWrapper { width: 960px; margin: 0px auto 0px auto; position: relative; top: -55px; z-index: 10;}

#LeftMenu { width: 235px; float: left; margin-left: -9px; }

#LeftMenuContent { width: 235px; background: url(../images/menu_background.png) repeat-y; position: relative; left: 1px;}
#LeftMenuContent ul { position: relative; top: -40px; width: 170px; left: 30px; }
#LeftMenuContent ul li { display: block; border-bottom: solid 1px #ffffff; padding: 8px 0px 12px 25px; background: url(../images/red_arrow_bullet.png) no-repeat 0px 11px; }
#LeftMenuContent ul li a { font-size: 10px; color: #ffffff; text-decoration: none; }
#LeftMenuContent ul li a:hover { text-decoration: underline;}

#ContentPlaceHolder { width: 593px; float: left; margin-top: 9px; }
#ContentBox { width: 593px; background: url(../images/content_background.png) repeat-y; position: relative; margin-bottom:0; padding-bottom:0;}
#ContentBoxBottom { margin-top:-10px;}
#ContentText { width: 531px; background: #ffffff; position: relative; left: 11px; top: -129px; padding: 20px 20px 0px 20px; }

#ContentText h1 { font-size: 16px; font-weight: normal; color: #d90316; margin: 0px 0px 10px 0px; }
#ContentText h2 { font-size: 14px; font-weight: bold; color: #414141; margin: 10px 0px 10px 0px; }
#ContentText p { font-size: 11px; color: #414141; margin: 10px 0px 10px 0px; }
#ContentText p a { font-size: 11px; color: #414141; text-decoration: none; }
#ContentText p a:hover { text-decoration: underline; }
#ContentText ol { font-size: 11px; color: #414141; margin-left: 20px; list-style-type: decimal; }
#ContentText ol.Latin { list-style-type: upper-latin;}
#ContentText ol li { padding: 10px 0px 10px 0px; }

#ContentText #ContactUsForm { width: 289px; clear: both; } 
#ContentText .TextFieldWrapper { width: 269px;  height: 11px; background: url(../images/textfield_background.jpg) no-repeat; margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; }
#ContentText .TextFieldWrapper input { font-size: 11px; color: #414141; border: 0px; width: 269px; }
#ContentText .TextAreaWrapper { width: 269px;  height: 135px; background: url(../images/textarea_background.jpg) no-repeat; margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; }
#ContentText .TextAreaWrapper textarea { font-size: 11px; color: #414141; border: 0px; width: 269px; }
#ContentText .TextSelectWrapper  { width: 269px;  height: 11px; background: url(../images/textfield_background.jpg) no-repeat; margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; }
#ContentText .TextSelectWrapper select { font-size: 11px; color: #414141; border: 0px; width: 269px; }
#ContentText .SubmitButton { width: 127px; height: 31px; text-align: center; font-size: 14px; font-weight: bold; color: #ffffff; border: 0px; background: url(../images/button_background.png) no-repeat; }
#ContentText .errors { font-size: 11px; color: #d90316; }
#ContentText  label { font-size: 11px; color: #414141; border: 0px; margin: 0 0 0 0; padding: 0 0 0 5px;}
#AdvertPlaceHolder { width: 132px; float: left; margin: 9px 0px 0px 9px; background: #4e5c5f; }

/* bio part*/
#ContentText .bio_item  { display: block; clear: both; height: 100%; padding-bottom: 15px;}
#ContentText .bio_item .bio_image  { float: left; padding-right: 10px; padding-bottom: 5px;}
#ContentText .bio_item .bio_title  { font-size: 11px; color: #414141; margin: 10px 0 10px 0; font-weight: bold;}
#ContentText .bio_item .bio_body  { font-size: 11px; color: #414141; margin: 10px 0 10px 0;}
/*Calendar*/
/* bsCalendar Styles */

/* manager layout */
.tab-page { overflow: auto !important; height: 1%; }
#fm_bsApp { display:block; float:left; width:100%; margin:0; padding:0; }
#fm_bsApp .fm_row { display:block; float:left; width:100%; margin:0 0 8px 0; padding:0; }
#fm_bsApp .fm_row label { display:block; float:left; width:15%; margin:0; padding:0; }
#fm_bsApp .fm_row .fm_entry { display:block; float:left; width:60%; margin:0; padding:0; }
#fm_bsApp .fm_row .fm_actions { display:block; float:left; width:60%; margin:0 0 0 30%; padding:0; }

div.message { display:block; float:left; width:100%; margin:0; padding:10px; color:#4d4d4d; border:1px solid #4d4d4d; }
div.message H3, div.message H2 { }
div.message .error { font-weight:bold; color:red; }
div.message .save { font-weight:bold; color:green; }

/* CALENDAR LAYOUT */
#calbody { background-color: transparent; color: #4d4d4d; font-size: 10px; width: 100%; }
#calbody #cal_header { border: 0;  }
#calbody #cal_header .cal_month td { font-weight: normal; font-family: Lucida Grande,Arial,Helvetica,sans-serif; }
#calbody .cal_month { line-height:18px;font-size:16px; margin:10px 0;}
#calbody table.small { width: 125px; }
#calbody table { width:100%; }
#calbody td { border: 1px solid #bababa; text-align: center; }
#calbody table.cal_month  { border:none; vertical-align:middle; text-align:center; }
#calbody table.cal_month td { border:none; vertical-align:middle; text-align:center; }
#calbody td .datestamp { background-color:#eaeaea; color:#000; font-weight:bold; padding: 0; text-align: right; }
#calbody td { vertical-align:top; }
#calbody td.DateHeader { border: 1px #bababa solid; width:73px; height: 20px; font-size: 9px; text-align:center; text-transform: uppercase; color: #fff; background-color: #620f17; margin: 0; padding:3px 0 0 0; vertical-align: top;}
#calbody td.today {background-color: #ced2d3; }
#calbody td.today .datestamp { background-color:#eaeaea; color:#000; font-weight:bold; padding: 0; text-align: right;}
#calbody td .event { font-size:9px; background-color:transparent; text-align:left; padding:3px; min-height:75px; }
#calbody td .event .title { margin-right:5px; }
#calbody td .event .title a { color: #000; text-decoration: none; }
#calbody td .event .title a:hover { text-decoration: underline; }
#calbody td .event .description { display:block; font-weight:normal; margin:0 0 8px 0; }
#calbody td .event .durantion { font-size:.85em;}
#calbody span#prevMonth {display:block;float:left; background: url(../images/calendar/prev.png) no-repeat left center; margin: 6px 0 0 0; padding: 2px 2px 2px 22px; float: left; font-weight: bold; vertical-align:middle;}
#calbody span#nextMonth {display:block;float:right; background: url(../images/calendar/next.png) no-repeat right center; margin: 6px 0 0 0; padding: 2px 22px 2px 2px;  float: right; font-weight: bold; vertical-align:middle;}
#calbody span#prevMonth a, #calbody span#nextMonth a {font-size:11px; color:#4d4d4d; font-weight: bold; text-decoration:none; vertical-align:middle;}
#calbody span#prevMonth img, #calbody span#nextMonth img { margin: 0 auto;}

/* tool tips */
#calbody img.Tips1, #calbody .Tips1 { border:none; vertical-align: top; margin:2px; padding:0; }
#calbody .tool-tip {
	position: absolute;
	z-index: 300;
	border: 2px solid #4B9493;
	background-color: #d4d4d4;
	font-size:12px;
	padding: 5px;
	opacity: 0.90;
}

#calbody .tool-tip h3, #calbody .tool-tip div { margin: 0; font-size:12px; }


#calbody .tool-tip.pretty {

	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}

#calbody .tool-tip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}

#calbody .tool-tip.pretty div { width: 220px; text-align: left; }

#calbody .tool-tip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}

#calbody .tool-tip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#calbody #extended { margin: 2em 0; }

#calbody #extended label { text-decoration: underline; }

#calbody #yahoo { width: 7em; }

#calbody #right, #right2 { text-align: right; }

#calbody .tool-tip.right { width: 250px; }

#calbody #fancy2 { float: right; }

#calbody .bsCalBack { display:block; margin:0 0 7px 0; padding:0; }

/* calendar events list */
#calendar { width:214px; float:left;}

#calendar .event { clear:both; padding:0 4px 20px;}
#calendar .event h6 { padding:0; margin:0;}
#calendar .event p { font-size:11px; padding:0; margin:0;}
#calendar .event h6 a, #calendar .event p a
{ color:#4d4d4d;}

#calendar .date { width:27px; height:26px; text-align:center; color:#045985; padding:0 8px 20px 0; float:left;}
#calendar .date p {
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    border:1px solid #4d4d4d; padding:0; margin:0; font-size:14px;}

#calendar .date .month p { 
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#4D4D4D;
color:#FFFFFF;
font-size:8px;
line-height:8px;
text-transform:uppercase;
}
/* end calendar */


/************ MODAL CSS *****************/
/* Container */
#calbody .modalContent { display:none; }

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(i/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}



/**************** TOOLTIP ***************/
.tool-tip {
	background-color:#4d4d4d;
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/**** Twitter Feed ****/
#twitterBox { width: 235px; float: left; }

#twitter { width: 235px; background: url(../images/twitter/content.png) repeat-y; position: relative; left: 1px;}
.tweet { color: #fff; font-size: 11px; margin:0; font-family: Lucida Grande,Arial,Helvetica,sans-serif; padding: 10px 24px 10px 22px; }
.tweet a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none;}
.tweet a:hover {text-decoration: underline;}
.tweetdate { font-size: 9px; font-style: italic}


/*
#LeftMenuContent ul { position: relative; top: -40px; width: 170px; left: 30px; }
#LeftMenuContent ul li { display: block; border-bottom: solid 1px #ffffff; padding: 8px 0px 12px 25px; background: url(../images/red_arrow_bullet.png) no-repeat 0px 11px; }
#LeftMenuContent ul li a { font-size: 10px; color: #ffffff; text-decoration: none; }
#LeftMenuContent ul li a:hover { text-decoration: underline;}

/**** Member Search ****/
#membersearch {background: url(../images/membersearchbg.gif) no-repeat; padding: 16px 0 16px 0; font-size: 11px; color: #fff; clear: both; width: 500px; height: 165px;}
#membersearch .field {width: 150px; float: left;}
#membersearch .field label {margin: 0 8px 4px 16px; display: block; color: #fff; margin: 0 0 5px 10px; padding: 0 0 5px 7px;}
#membersearch .field .prompt {margin: 0 8px 16px 16px;}
#membersearch .field input {width: 120px;}


#membersearchresults {clear: both;}
#membersearchsubmit {clear: both; margin: 8px;}
#membersearchsubmit a {color: #fff; font-size: 11px; background: url(../images/red_arrow_bullet.png) no-repeat 8px 0; text-decoration: none; padding-left: 34px; height: 20px; display: block;}
#membersearchsubmit a:hover {text-decoration: underline;}

#membersearchresults th {width: 200px; font-size: 11px;}
#membersearchresults td {width: 200px; vertical-align: top; font-size: 11px; border-top: 1px solid #4f5d62;}