* { margin: 0; padding: 0; border: none; }

BODY, input, select, option, textarea { font-family: arial, helvetica, sans-serif; }

input { width: auto;  margin: 0; padding: 0; border: 0; overflow: visible }

#body_main { background-color: #fff; font-size: 11px; }
#body_basic { background-color: #FFFFFF; font-size: 11px; }

a { color: #000099; font-family: inherit; text-decoration: none; }

a:hover { color: #666;  }

p {
 padding: 5px;
 margin: 5px;
}

/** LAYOUT STYLES **/

.iframe { background-image: url(); background-color: transparent; }

.comment {
    font-size: 10px;
    color: black;
    margin: 5px;
    margin-bottom: 15px;
}
.comment_head {
    font-size: 9px;
    color: white;
    margin: 5px;
    border: solid black 1px;
    background-color: #AAA;
}
.response {
    margin-bottom: 15px;
}

.notice {
 text-align: center;
 padding: 3px;
 color: #330000;
 font-weight: bold;
 border: solid 1px #000000;
 margin: 3px;
 background-color: #FFFF99;
}

.box {
 border: solid black 1px;
 padding: 5px;
 margin: 5px;
 color: #000000;
 background-color: #EEEEEE;
}

.error {
 font-weight: bold;
 color: #FF0000;
 border: solid 1px #FF0000;
 padding: 5px;
 margin: 5px;
 background-color: #FFF5F5;
 text-align: center;
}

.message {
 border: solid black 1px;
 font-weight: bold; color: #000000;
 padding: 5px;
 margin: 5px;
 color: #000000;
 background-color: #EEEEEE;
 text-align: center;
}

.bluebtn {
 background-color: #002B64;
 color: #FFFFFF;
 font-weight: bold;
 padding: 3px 5px;
 font-size: 10px;
border: 2px solid #62758A;
 border-bottom-color: #051324;
 border-right-color: #051324;
}

.bluebtn:hover {
 background-color: #224163;
 color: #fff;
 cursor: pointer;
}

.bluebtn:active {
 border: 2px solid #62758A;
 border-top-color: #051324;
 border-left-color: #051324;
}

.redbtn {
 background-color: #A61414;
 color: #FFFFFF;
 font-weight: bold;
 padding: 3px 5px;
 font-size: 10px;
 border: solid 2px;
 border-bottom-color: #051324;
 border-right-color: #051324;
 border-top-color: #A64C4C;
 border-left-color: #A64C4C;
}

.redbtn:hover {
 background-color: #D73939;
 color: #fff;
 cursor: pointer;
}

#upload_progress_screen {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 25px;
    height: 150px;
    background-color: #FFFFFF;
    visibility: hidden;
}

.td_highlight {
    background-color: #EEEEEE;
}
  
.floatRight { float: right; position: relative}
.floatLeft { float: left; position: relative}

#leftCol { width: 425px; float: left; overflow: hidden }

#rightCol { width: 525px; float: right; text-align: left; overflow: hidden }


#logoFloat { position: absolute; background-image: url(../img/new/logo3_sm.gif); height: 93px; width: 205px; margin: 10px 0 0 30px;    }

#contentWrap {   margin: 0 auto 20px auto;  width: 980px;  }

#topNav { width: 570px;  float: right;  }

#headNav {
 width: 700px;
 float: right;
 position: relative;
}

#headTabs { 
 float: left; 
 position: relative;
 width: 210px;
 margin: 19px 0 0 0;
}

#headTabs a { 
 margin: 0px; 
 padding: 3px 8px 3px 8px;
 color: #F9F9F9;
 font-weight: bold;
 background-color: #A8B5BD;
 font-size: 12px;
}

#headTabs .on, #headTabs a:hover {
 color: #fff;
 background-color: #B5C3CC;
}

#tabs { float: left; width: 210px; margin: 40px 0 0 30px; }

#tabs a { 
 margin: 0px; 
 padding: 6px 10px 6px 10px;
 color: #F9F9F9;
 font-weight: bold;
 background-color: #8A8BAC;
 font-size: 12px;
}

#tabs .on, #tabs a:hover {
 color: #fff;
 background-color: #696BAC;
}

#contentTop { 
 background-image: url(../img/searchbar.png); background-repeat: no-repeat; background-position: bottom; margin-bottom: 5px; height: 100px;
 width: 920px;
}

#contentHead {
 /** background-color: #8fa6b4; **/
 background-color: #fff;
 height: 36px;
 width: 980px;
 margin: auto;
 overflow: hidden;
 border-bottom: 1px solid #ccc;
}

#contentHead2 {
 width: 100%;
 height: 49px;
 background-color: #e6e6e6;
 overflow: hidden;
}


#headLogin, #headLogin_li { 
 float: right; 
 text-align: right; 
 margin: 5px 15px 0 0; 
 color: #222; 
 font-size: 11px;  
}

#headLogin_li a { 
 color: #111; 
 font-size: 11px; 
 line-height: 13px; 
 margin: 0 5px; 
}

#headLogin a { 
 color: #111; 
 font-size: 11px; 
 line-height: 18px; 
 margin: 0 5px; 
}

#topvids {
	width: 850px;
	overflow: scroll;
}

.slogan { position: absolute; font-weight: bold; font-family: helvetica neue, arial, helvetica, sans-serif; color: #0C366B; margin: 80px 0 0 20px; z-index: 22; display: block }

#formFloat { float: right; text-align: right; margin: 8px 15px 0 0; }

#loginEtc { float: right; text-align: right; margin: 45px 15px 0 0; color: #333; font-size: 11px;  }

#loginEtc_li { float: right; text-align: right; margin: 34px 15px 0 0; color: #333; font-size: 11px;  }

#loginEtc_li a { color: #666; font-size: 11px; line-height: 13px; margin: 0 5px; }

#loginEtc a{ color: #666; font-size: 11px; line-height: 18px; margin: 0 5px; }


#contentMain { background-color: #fff; padding: 5px 10px 5px 10px; position: static;}

#contentMainBasic { background-color: #fff; padding: 0px; position: static;}


#contentBot {  margin: 30px 0 20px 0; position: relative; border-bottom: 1px solid #ccc; text-align: left  }

#latestVids { margin-bottom: 20px; text-align: center; padding: 10px 10px 0 10px; border: 1px solid #efefef }

#latestVids td { width: 150px; text-align: center; }

#latestVids td img { border: 1px solid #999; margin-bottom: 5px }

#latestVids td a { display: block; width: 120px; }


#footer, #footer a { color: #333; font-size: 14px; text-align: center; line-height: 16px }

.clear { clear: both; }

#signIn { 
 background-color: #fff; 
 border: 2px solid #999; 
 width: 415px; 
 margin-bottom: 20px; 
 overflow: hidden; 
}
#signIn2 { 
 background-color: #6D6E72;
 color: #fff;
 width: 420px; 
 margin-bottom: 20px; 
 overflow: hidden; 
}
#signIn2 a {
 color: #fff;
}

#signup-form {
 font-size: 14px;
 margin-left: 50px;
}

#signin-button {
 background-color: #95A8B8;
 color: #fff;
 border: 1px solid #111;
 text-transform: uppercase;
 font-size: 13px;
 font-weight: bold;
 padding: 2px 8px 2px 8px;
}

.localized { 
 background-repeat: no-repeat; background-position: top left; 
 text-align: left; 
 padding: 10px;
 line-height: 18px; 
 font-size: 12px; 
 border: 2px solid #8DA7B6;
}

.localized a { 
 font-size: 12px; 
 color: #000088;
 font-weight: bold;
 text-decoration: none;
}

.containerBox {
	border-left: 10px solid #aaaaaa;
	border-bottom: 2px dotted #aaaaaa;
	border-right: 2px dotted #aaaaaa;
	border-top: 10px solid #cccccc;
	padding: 10px;
	margin-bottom: 15px;
}

.container {
	border: 1px solid #cccccc;
	padding: 15px;
	margin-bottom: 15px;
}


	.expand-closed{
		background-image:url(../img/icon_closed.gif);
		background-position:0px 50%;
		background-repeat:no-repeat;
		padding:2px 0px 0px 10px;
		cursor:pointer;
		margin-bottom:7px;
		font-size: 13px;
		color: #000099;
	}
	.expand-open{
		background-image:url(../img/icon_open.gif);
		background-position:0px 50%;
		background-repeat:no-repeat;
		padding:2px 0px 0px 10px;
		cursor:pointer;
		margin-bottom:0;
		font-size: 13px;

	}
	.expand-container {
		margin-bottom:7px;		
		padding:0 0 3px 15px;
		display:none
	}
	


.lid-blue-left { background-color: #0C366B; height: 23px; width: 16px; float: left }
.lid-blue-right { background-image: url(../img/new/crn_rt_blu.gif); height: 23px; width: 17px; float: left }
.lid-blue-mid { background-color: #0C366B; width: 382px; height: 23px; float: left; overflow: hidden; }
.lidBot-blue-left { background-color: #0C366B; height: 17px; width: 15px; float: left }
.lidBot-blue-right {background-color: #0C366B; height: 17px; width: 15px; float: left }
.lidBot-blue-mid { background-color: #0C366B;  width: 385px; height: 17px; float: left; overflow: hidden; text-align: right; }

.lidBot-blue-mid a, .lidBot-gry-mid a { line-height: 15px; color: #fff; font-weight: bold;   }

.lid-gry-left { background-color: #394C64; height: 23px; width: 16px; float: left }
.lid-gry-right { background-image: url(../img/new/crn_rt_gry.gif); height: 23px; width: 17px; float: left }
.lid-gry-mid { background-color: #394C64; width: 382px; height: 23px; float: left; overflow: hidden; }
.lidBot-gry-left { background-color: #394C64; height: 17px; width: 15px; float: left }
.lidBot-gry-right { background-color: #394C64; height: 17px; width: 15px; float: left }
.lidBot-gry-mid { background-color: #394C64; width: 385px; height: 17px; float: left; overflow: hidden;text-align: right; }



.lid-text { font-family: trebuchet ms, trebuchet, geneva; font-size: 18px; font-weight: bold; margin-top: 6px; color: #fff; }


.lid-text_sm { font-family: trebuchet ms, trebuchet, geneva; font-size: 14px; font-weight: bold; margin-top: 10px; color: #fff; text-align: right; }

.container-fade { clear: both; width: 415px;  background-image: url(../img/new/bg_fade_lt.gif); background-repeat: repeat-x; background-position: top; }

.shadRight { background-image: url(../img/new/bg_fade_right.gif); background-position: right; background-repeat: repeat-y; min-height: 100px }

.userBox-cell {  
	display: block;
	background-color: #F5F5F5;
	text-decoration: none;
	margin: 0;
    width: 400px; 
    height: 175px;
	float: left; 
    position: relative;
    margin: 0 10px 15px 10px;
	-moz-border-radius: 1em;
    border-radius: 1em;
}

.column { 
	width: 230px;
	margin-right: 10px;
	float: left;
	position: relative;
}

li { line-height: 15px; }
ul li { margin-left: 20px; }


/** BORDER AND BOX STYLES **/

.bgRed { background-color: #000066; }

.bgBlue { background-color: #113366; }

.bgGrey { background-color: #999; }

.brdRed, .brdBlue {
	border: 1px solid #091E7B;	
}


.brdGrey {
	border: 1px solid #cccccc;
}

.brdBot {
	border-bottom: 1px solid #cccccc;
}

.brdBlue {
 border: 4px solid #113366;
}

/** SPACER AND PADDING STYLES **/


.spacer5px { height: 5px; width: 5px; font-size: 0px;	line-height: 5px; }
.spacer10px { height: 10px; width: 10px; font-size: 0px;	line-height: 10px; }
.spacer15px { height: 15px; width: 15px; font-size: 0px;	line-height: 15px; }
.spacer20px { height: 20px; width: 20px; font-size: 0px;	line-height: 20px; }

hr { border-bottom: 1px solid #ccc; padding-top: 10px; margin-bottom: 10px; }

.pad1 { padding: 2px; }
.pad2 { padding: 2px; }
.pad3 { padding: 3px; }
.pad5 { padding: 5px; }
.pad7 { padding: 7px; }
.pad10 { padding: 10px; }	
.pad20 { padding: 20px; }	
.pad510 { padding: 5px 10px; }
.pad15 { padding: 15px; }
.padh10 { padding-top: 10px; padding-bottom: 10px;  }
.padw10 { padding-left: 10px; padding-right: 10px }
.padh5 { padding-top: 5px; padding-bottom: 5px; }
.padt5 { padding-top: 5px; }
.padt10 { padding-top: 10px; }

.nBotPad { padding-bottom: 0; }

.noRmg {
	margin-right: 0;
}

.mgRt10 {
	margin-right: 10px;
}


/**  TABLE STYLES  **/

#signIn table td { padding: 0 15px 8px 0; }

.signUpTable td { padding: 0 15px 8px 0 }

td.tableHead  { font-weight: bold; padding: 3px 10px 0 0; }

/** FORM STYLES **/

textarea, select { background-color: #fff; color: #555; padding: 1px; font-size: 11px;  border: 1px solid #666; }
select { background-color: #ddd; color: #000 }
input { border: 1px solid #333 }

input.searchBox { background-color: #F3F3F7; color: #888; font-size: 10px; border-right: 1px solid #666; border-bottom: 1px solid #333; }

#searchBox2 { 
 background-color: #fff; color: #888; font-size: 12px; 
 border-right: none; 
 border-bottom: 1px solid #333; 
 border-top: 1px solid #333; 
 border-left: 1px solid #333; 
 height: 20px;
 margin: 0; padding: 0 0 0 5px;
 width: 100px;
}

#searchBox2btn {
 margin: 0; padding:0; border: none;
 height: 20px;
 border: 1px solid #000;
}

#login-email {
 background-color: #fff;
 padding: 2px 2px 2px 5px;
 font-size: 14px;
 height: 24px;
 width: 150px;
}

#login-password {
 background-color: #fff;
 padding: 2px 2px 2px 5px;
 font-size: 14px;
 height: 24px;
 width: 150px;
}

.button { background-color: #333; color: #fff; border-right: none; border-bottom: none; border-left: 1px solid #555; border-top: 1px solid #777; font-size: 10px; line-height: 10px }

.button:hover { background-color: #333; color: #fff; border-left: none; border-top: none; border-bottom: 1px solid #555; border-right: 1px solid #777; font-size: 10px; line-height: 10px }

input.text { background-color: #F3F3F7; color: #555; padding: 1px; font-size: 11px; height: 12px; width: 160px; border: 1px solid #666; }

#signIn input.text , #signIn2 input.text {
	width: 120px;
}

input.textLong { background-color: #F3F3F7; color: #555; padding: 1px; font-size: 11px; height: 12px; width: 250px; border: 1px solid #666; }


.introText { 
 line-height: 20px; color: #555; font-size: 14px; text-align: justify; padding-bottom: 15px; 
 /** border-bottom: 2px dotted #ccc; margin-bottom: 15px; **/
}
.introText li {
 color: #555;
}

option { padding-right: 10px }

.abutton {
 border: ridge 3px #DDDDDD; padding: 3px; margin: 3px; display: block; width: 200px
}
.abutton:hover {
}

/** TEXT STYLES **/

.introHead, h1 { font-family: trebuchet ms, geneva; font-size: 22px; font-weight: bold; color: #385E98; letter-spacing: 2px; margin-bottom: 10px }


.bigHead, h2 {
	font-family: trebuchet ms, geneva;
	font-size: 18px;
}

#latestVids h2 {
	font-size: 16px;
	color: #999;
	text-align: left;
	margin: -2px 0 7px 0;
	border-bottom: 1px solid #efefef;
}

.medHead, h3 {
	font-family: trebuchet ms, geneva;
	font-size: 14px;
}

.floatHead {
	font-size: 18px;
	font-family: trebuchet ms, trebuchet, geneva;
	font-weight: bold;
	line-height: 9px;
	position: relative;
	top: 4px;
	left: 15px;
	text-transform: capitalize;
}	

.flushHead {
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	top: 0px;
	left: 5px;
	font-family: trebuchet ms, trebuchet, geneva;
	text-transform: capitalize;
}

.flushHeadMed {
	font-size: 14px;
	font-weight: bold;
	line-height: 11px;
	padding-left: 5px;
	font-family: trebuchet ms, trebuchet, geneva;
	text-transform: capitalize;
}


.txt12 { font-size: 12px }
.txt13, .txt13 a { font-size: 13px; line-height: 1.1em }
.txt14 { font-size: 14px }
.txt16 { font-size: 16px }

.tiny, a.tiny { font-family: verdana, geneva; font-size: 10px;}

#signIn .tiny { color: #aaa; }

.bld { font-weight: bold; }

.under { text-decoration: underline; }

.blue { color: #385E98;	}

.red { color: #EE1111; }

.grey { color: #555555; }

.white, a.white, #signIn .white { color: #fff; }

.ltgrey { color: #eee; }




.subHead {
	font-size: 12px;
	font-weight: bold;
	font-family: trebuchet ms, trebuchet, geneva;
}



/* FOR VOTING PAGE ONLY */



#tempWrap { width: 770px; }

.leadText { border-bottom: 1px solid #ccc; font-family: trebuchet ms; width: 250px; text-align: center; margin: 10px auto 0 auto; font-size: 14px }


.voteLeft { float: left; background-image: url(/img/topbar_r.gif); background-repeat: no-repeat; width: 385px; background-position: left 5px; border-right: 1px solid #ccc; padding: 15px 0;  }

.voteRight { float: right; background-image: url(/img/topbar_d.gif); background-repeat: no-repeat; width: 383px; background-position: right 5px; padding: 15px 0;  }

.voteLeft  .candidateWrap { padding: 20px; }

.voteRight  .candidateWrap { padding: 20px 0 20px 50px; }


.candidatePic { float: left; width: 90px; height: 97px; font-family: trebuchet ms, geneva, verdana; font-weight: bold; }

.candidatePic img { margin-bottom: 3px }

.radio { float: left; width: 13px; padding: 42px 20px;  background-repeat: repeat-y; background-position: center;  }

.voteLeft .radio { background-image: url(/img/dot_blue.gif); }

.voteRight .radio { background-image: url(/img/dot_red.gif); }


.profileLink { background-image: url(/img/icon_profile.gif); background-repeat: no-repeat; padding-left: 20px; display: block; margin-bottom: 3px }

.voteLeft a { color: navy; }
.voteRight a { color: #A70000; }

.videoLink { background-image: url(/img/icon_video.gif); background-repeat: no-repeat; padding-left: 20px; display: block;  }
.vid {
 margin: 50px 0 0 0;
 padding: 0px 0px 0px 0px;
 width: 480px;
}

.candidateLinks { float: left; width: 180px }

.candidateName { display: block; font-size: 18px; font-family: trebuchet ms; margin-top: 5px }
.candidateSeat { font-size: 14px; margin-bottom: 20px }

.clear { clear: both; }

.voteLeft .btnVote { margin-top: 30px; text-transform: uppercase; padding: 2px 15px; color: #fff; font-size: 12px; font-weight: bold; background-color:#005EA6; border: 1px solid #011B2E; border-top: 1px solid #8EC3EC; border-left: 1px solid #8EC3EC;  }

.voteRight .btnVote { margin-top: 30px;  text-transform: uppercase; padding: 2px 15px; font-size: 12px; color: #fff; font-weight: bold; background-color:#A70000; border: 1px solid #420404; border-top: 1px solid #F0ABAB; border-left: 1px solid #F0ABAB;  }


.issue_tab {
 display: block;
 width: 135px; 
 height: 15px;
 line-height: 12px;
 font-size: 10px;
 text-align: left;
}
.petal_bar {
 width: 480px;
 overflow: hidden;
 text-align: center;
 padding: 2px;
}
.petal {
 width: 20px;
 height: 20px;
 padding: 0.5px;
 margin: 0px
}
.petal_thumb {
 width: 12px;
 height: 12px;
 padding: 0px;
 margin: 0px;
 border: 0px;
 float: left;
 position: relative;
}

.borderBlack {
 border: 1px solid #000;
}

#responseLid {
	background-image: url(../images/bgBarFade.png);
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 18px !important;
	font-weight: bold;
	line-height: 31px;
	padding: 0 10px;
	font-family: trebuchet ms, trebuchet, geneva;
	margin-bottom: 5px;
}

.commentBubbleLeft {
 background-image: url(/img/commentBubbleLeft.jpg);
 background-repeat: no-repeat; 
 width: 388px;
 height: 125px;
 padding-left: 30px;
 padding-top: 5px;
 margin: 0px;
}

.commentBubbleRight {
 background-image: url(/img/commentBubbleRight.jpg);
 background-repeat: no-repeat; 
 width: 408px;
 height: 125px;
 padding-right: 0px;
 padding-top: 5px;
 margin: 0px;
}

#userPost {
}
#userPostResponse {
}

.center {
 text-align: center;
}
.poster-icon img {
 padding: 0px;
 margin: 3px;
 margin-top: 5px;
 border: 1px solid #ccc;
}
.poster-icon {
 width: 70px;
}

.post-container {
 border: 1px solid #000;
}

.post_footer{
 float: left;
 height: 10px;
 width: 60px;
 padding: 5px;
}

.underline {
 text-decoration: underline;
}

.arial {
 font-family: arial, sans-serif;
}

#browse-politicians {
 line-height: 25px;
 font-size: 12px;
}

.voteup, .votedown {
 font-weight: bold;
 font-family: arial, helvetica, sans-serif;
 font-size: 12px;
 color: #6a9e23;
 line-height: 18px;
 margin-bottom: 5px;
}

.votedown {
 color: #c22f2d; 
}
