/* CSS Document */

/* CSS Document */

body { min-height:101%; background-color:#FFF !important; width:100%;margin: 0;padding:0;}
.infoBlock { border-bottom:solid 1px #ddd; padding:0.3em 0 1.2em 0}
.infoBlock ul { list-style-type:none;margin:0;margin-left:14px;padding:0;padding-left:2px; color: #246; }
.infoBlockGray { background-color:#ecfce1 }
body, textarea { font: 75%/140% 'Lucida Grande', Arial, sans-serif; }
#leftCol { padding-top:1.5em;  overflow:hidden;  }
#leftCol h4 { padding:0; margin:0 }
#leftCol .infoBlock:first-child h4 { margin:0 }
li { line-height:120%; margin: 0.3em 0; }
hr {height:1px;width:50%;color:#CCD;background-color: #CCD;border:none;}
blockquote { margin: 1em; padding: 0 0 0 45px;}
form, p { margin-top: 0px; padding: 4px 0px;}
h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 0.5em 0; font-weight:bold; font-size: 130%;  line-height:120%; color:#048}
h2, h3 { font-size:110% }
h4, h5 { font-size:110% }
h6 { font-size:100% }
del, del * { color:red; text-decoration:line-through}
.button2, .button {padding:0.5em; }
a:link, a:visited,  a:active { text-decoration: none; color: #169;}
/* a:visited { text-decoration: none; color: #882A32;} */
a:hover { text-decoration: underline; }
#content a:link, #content a:visited, #content a:active { text-decoration: underline;}
a img, img a { border-width:0 }
#leftCol a { color: #169 }
#leftCol ul { margin:0; padding:0 }
#leftCol li { zoom:1; }
.indent { margin-left:3em }
.editable { cursor:pointer; }
.input_text { color: #246; width:250px; padding:5px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; background-color:#f6f7f8; border:solid 1px #ccd; font-size:105% }
select { color: #246; padding:3px; background-color:#f6f7f8; border:solid 1px #ccd; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size:110% }
textarea.input_text { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; }
.input_text:focus { background-color:#FFF }
.input_button { font-size:13px; padding:5px 25px; font-weight:bold; }
.input_text_charcount { font-size:80% }
.error, #error { color:#d00; font-weight:bold }
#header #error { background-color:#FFF;  }
fieldset { border:none }
fieldset.boxed_round, fieldset.boxed, fieldset.candidate { clear:both; border:solid 1px #e7e7e7; padding:2em 1em; margin:2em 0; }
fieldset.boxed_round { }
legend {font-weight:bold}
#change_candidate_photos, #selected_candidates, #candidate_races, #candidate_photos, #races, #races ul { list-style-type:none; margin:0; padding:0 }
#candidate_races { margin:0 0 0 2em; }
#change_candidate_photos li { margin:2em 0 0 0; height:100px;  }
#change_candidate_photos img { float:left; margin:0 1em }
#candtab { list-style-type:none; clear:both; padding:0 0 0 1em; margin:0; border-bottom:solid 1px #eed; }
#candtab li { display:inline; padding:0.6em 1em 0 1em; margin: 0 0.1em; background-color:#eee; border:solid 1px #ccc; border-width:1px 1px 0 1px; font-weight:bold }
#candtab li.selected { background-color:#ffd; border-color:#ccb; }
#candtab li.selected a, #candtab li.selected a:visited, #candtab li.selected a:link { color:#660 }
#candtab li a, #candtab li a:link, #candtab li a:visited { vertical-align:super; text-decoration:none; color:#666 }

#race_preview { margin:2em 5em; padding:1em; border:solid 1px #bbb}
.race_category { font-size:80%; text-transform:lowercase }
#top_categories, #candidates_list, #my_friends, #my_voted_races, #my_races, .races { list-style-type:none; padding:0; margin:0 }
#content #my_races a, #content #my_voted_races a, #content #my_friends a {text-decoration:none}
#candidates_list a:hover, #my_friends a:hover, #my_voted_races a:hover { text-decoration:none}
#my_voted_races img { width:96px; }
#candidates_list li, #my_friends li, #my_voted_races li, #my_races li { font-size:90%; float:left; height:124px; width: 110px; margin:5px; overflow:hidden; }
#candidates_list li { height:156px; }
#candidates_list div {height:105px;}
#my_friends li { height:55px; width:55px; margin:5px; overflow:hidden; }
#my_friends img { width:auto; height:auto }
.tag {font-weight:bold}
#top_categories { background-color:#6b944f; height:30px; overflow:hidden;  z-index:999; position:absolute; top:3px; left:120px; xmargin-left:120px }
#top_categories li { float:left; font-weight:bold; font-size:130%; line-height:150%; color:#ccddb0 }
#top_categories li a { padding:0 0.5em; color:#dae5c3 !important }
#top_categories li a.selected_category { -moz-border-radius:4px; border-radius:4px; background-color:#96ba7e; color:#506f3b !important;color:#506f3b !important; color:#FFF !important; }

a.candlink { position:relative; display:block; width:96px; height:96px; xpadding:5px }
/*a.candlink:hover { background-color:#fae6c0; padding:4px; border:solid 1px #f4c872; text-decoration:none }*/
a.candscrollerlink { position:relative; display:block; width:96px; height:96px;  }
a.candscrollerlink img, a.candlink img { z-index:9; position:absolute; bottom:0 }
a.candlink img { bottom:4px }
.voted { position:absolute !important; z-index:99999 !important; top:0 !important;  }

ul.races li h2 {margin:1em 0 0 0 ; padding:0 }
ul.races { clear:left }

/* remove? */
ul#races li {clear:left }
ul#races li ul li { clear:none }
#races ul li { position:relative; background: url('http://www.peopleandprofiles.com/scripts/pics/votebgr.gif') top right no-repeat; float:left; margin:1em 2.0em 1em 1em; padding:0; }
#races ul li .votes { color:#886; font:200%/120% 'Lucida Grande', 'Lucida Sans Unicode'; overflow:visible;  text-align:right}
#races ul li .votecount { font-size:150%; }
#races ul li .votepercent { font-size:60%; }
#races ul li .voteme { background-color:transparent; font:bold 100%/120% 'Lucida Grande', 'Lucida Sans Unicode'; color:#442; }
#races ul li .voteme a { text-decoration:none;color:#886; }
#races ul li .voteme a:hover { text-decoration:none; color:#220; }
#races ul li .name { font-size:75%; font-weight:bold;  }
#races ul li .name * { color:#a22 }
#races ul li .wrapper { overflow:hidden; height:190px; width:99px;  padding:1em 1.5em; background: url('http://www.peopleandprofiles.com/scripts/pics/votebgl.gif') no-repeat;  }
#races ul li.smaller { margin:0 0.4em 0 1em; font-size:95%; }
#races ul li.smaller .wrapper { height:110px; width:30px }
#races ul li.smaller .votecount { font-size:100%; }
#races ul li.smaller .votepercent { display:none }
li.separator { clear:both !important; padding:0; margin:0; height:0; width:0; border:solid 12px gray; }
#races ul li.more { background:none; clear:both !important; padding:0; margin:0; font-size:80%; }

a.delete { width:30px; height:30px; position:absolute; z-index:99; margin:-125px 0 0 0; }
a.delete img {width:16px !important; height:16px !important } 

.autocomplete_box { }
.autocomplete_info {color:#333; height:20px; }
.autocomplete_img { width:32px; height:32px; float:left; margin: -1px 1px 0 0 }

#loginbox { display:none; position:absolute; top:10px; right:10px; background-color:#FDFDFD; border:solid 3px #ccc; padding:1em; z-index:999 }

div.autocomplete_box {
  z-index:999;
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  font-size:95%
}
div.autocomplete_box ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete_box ul li.selected { background-color: #ffb;}
div.autocomplete_box ul li {
  font: bold 105% 'Lucida Grande', Arial;
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

div.autocomplete_box ul li img {
	float:left;
	margin-right:5px;
}

#candidate_search div.autocomplete_box { width:auto; border:solid 1px #ddd; border-width:0; position:static; margin:0.7em; }
#selected_candidates li, #candidate_search div.autocomplete_box ul li { cursor:auto; font-size:95%; font-weight:normal; float:left; height:140px; width:120px; }
#selected_candidates li a, #candidate_search div.autocomplete_box ul li a { display:block }
#selected_candidates li img, #candidate_search div.autocomplete_box ul li img { float:none; display:block; clear:both }
#candidate_search_info { font-weight:bold; display:none; margin:0.7em; }
#candidate_search { overflow:hidden; padding:1em 0.5em; margin:1em 0 }
.bigpic { width:96px; height:96px; }

#vk_popup { display:none; position:absolute; width:50px; height:50px; border:solid 1px #789; background-color:#FFF;} 

.created_by {margin-bottom:0; font-size:90%; font-weight:bold;}
.race_info {margin-bottom:0; font-size:90%; font-weight:normal;}
.race_count {font-size:95%; }

/* combine */

#recent_comments, #comments, #voters, #notices, #notices_main, #featured_users, #users_list {padding:0; margin:0; list-style-type:none; }
#voters a:link, #voters a:visited { text-decoration:none }
#featured_users li { font-size:85% }
#voters { margin-bottom:2em }
#voters li { font-weight:bold; clear:left }
#voters li ul { padding:0; margin:0; }
#voters li ul li { padding:0; margin:0; font-size:75%; font-weight:normal; clear:none; float:left; height:50px; width: auto; margin:5px; overflow:hidden; }
#notices { padding:2em 0}
#recent_comments li, #comments li {margin:0 0 2em 0;}
.comment { margin-left:77px !important; line-height:140%;} 
#leftCol .comment { margin-left:37px !important; line-height:140%;} 
.comment .cheader { font-weight:bold; margin:0 0 0.3em 0; } 
.comment .cheader img.thumb { position:absolute; margin:5px 0 0 -37px; } 
.comment .cheader img.thumb2 { width:62px; position:absolute; margin:5px 0 0 -70px; } 
.comment .cbody {  } 
.comment .when { margin: 0 0.1em; } 
.notice { display:block; padding:0.8em; border:solid 1px #cec; background-color:#fdfffd }
.notice h2 { line-height:200% }
#notices_main .notice { border:solid 3px #ada; background-color:transparent; margin-bottom:1em }
.smthumb { height:32px; }
.bthumb { height:96px; }

#voters * { vertical-align:middle }
#friends_applicants { width:200px }
#friends_applicants * { font-weight:bold; vertical-align:middle; line-height:28px; text-align:right }
#friends_applicants img { margin:0 4px 0 0 }

/* Layout */
html, body { height:100% }
#container { margin: 0; width:100%; }
#rap { height:100%; min-height:100%; margin-left:210px; }
#edit_candidate #rap, #candidate #rap, #edit_profile #rap, #profile #rap { margin-left:260px; }
#edit_candidate .contentBlock, #candidate .contentBlock, #edit_profile .contentBlock, #profile .contentBlock { padding: 0 1.5em }
#race #rap, #root #rap { margin-right:210px;}
html>body #rap { height:auto; } 
#rap2 { float: left; width: 100%; }
#content { float:right; width:100%; padding:0; margin: 1.7em 0 0 0 }
#leftCol { position:relative; width:190px; float:left; margin-left:-202px; }
#edit_candidate #leftCol, #candidate #leftCol, #edit_profile #leftCol, #profile #leftCol { width:250px; margin-left:-252px; }
#rightCol { position:relative; margin-top:2.2em; width:202px; float:right; margin-right:-205px; }
#header { height:129px; width:100%; margin:0; color:#fff; }
#header h1 { margin:0; font-size: 1.6em; padding:30px 0 }
#header h1 a { color:#c55; text-decoration:none }
#footer {margin-top:6em; width:100%;height:35px;text-align:center; font-size:95%; color:#333}
#footer p { padding:0; margin:0 }
#footer a { margin:0 1em; white-space:nowrap }
#footer td { vertical-align:top; border-top:solid 1px #eee; border-right: solid 1px #ddd; padding:10px;  background-color:#f5f5f5 }
#selectedPage{	background-color:#eee;}
#footer td td {border-width:0; padding:0; text-align:left}
#credits {font-size:85%; margin-right:5px; margin-left:190px; text-align:center;}
#header { background:#ffffff url('http://www.peopleandprofiles.com/scripts/pics/headerbg.png') left 35px repeat-x; padding-bottom:10px}
#header #login { color:#fff; height:35px; background-color:#6b944f; border-bottom:solid 1px #2b642f }
#header #login a:link, #header #login a:visited { color:#fff; }
#header h1 { font-size:1px; }
form dt {
   clear:both;
   width:33%;
   float:left;
   text-align:right;
   min-height:35px;
}

form dd {
   float:left;
   width:60%;
   margin:0 0 1.5em 1.25em;
   min-height:35px;
}

form th, form td {padding:7px }
form th { font-weight:normal; width:120px; text-align:right;}
form#register th { width:35%; }

/* Comments */
.comments { }
h2#comments { }
.comment { padding:0; margin:35px 0;}
.content .comment { margin:45px 0 0 0 ;}
.commentByAuthor { background-color:#eee;}
.commentPoster {  }
.commentSubject { }
.commentHeader, .commentBody { padding:4px; line-height:130%; }
.readComment { background-image:none !important }
.readComment { font-size:11px; background-color:#FFF }
.comment p { padding:0; margin: 0.7em 0 }
.comment code { white-space: pre; overflow:auto; font-size:1em; display:block; border:solid 1px #ddd; padding:3px; margin:2px;  }
.htmlOk { color:#BBB; font-size:0.8em; margin-top:0; padding-top:0 } .htmlOk:hover { color:#000 }

/* RSS */
.orangexml { border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:0; }

/* scroller */
.closed ul { display:none }
#navigation img { margin:0 3px 0 -12px; cursor:pointer; }

.scroller, .scroller_labels { font:bold 11px 'Lucida Grande', Arial, Verdana; text-align:left; width:100%; }
.scroller_labels { color:#fff !important;}
.scroller_labels label a, .scroller_labels label a:link, .scroller_labels label a:visited, .scroller_labels label a:hover { color:#fff !important; text-decoration:none }
.scroller_labels label.selected{text-decoration:underline }
.scroller_labels label { padding:0 10px; }
.scroller_stats { margin:0 1em; }
.scroller_outer2 { background-color:transparent; position:relative; overflow:hidden; width:100%; }

.scroller_buttons { margin-left:10px; width:42px; height:44px;  overflow:hidden;}
.scroller_buttons .scroll_left, .scroller_buttons .scroll_right {cursor:pointer; position:absolute; width:17px; height:22px; margin:0 5px 0 0; overflow:hidden;}
.scroller_buttons .scroll_right { margin:0 0 0 18px; }
.scroller_buttons .scroll_left { background:url('../pics/crbg.png') -12px -4px no-repeat }
.scroller_buttons .scroll_right { background:url('../pics/crbg.png') -33px -4px no-repeat }
.scroller_buttons .scroll_left.disabled { display:none; background:url('../pics/crbg.png') -12px -34px no-repeat }
.scroller_buttons .scroll_right.disabled { display:none; background:url('../pics/crbg.png') -33px -34px no-repeat }

.scroller { background-color:transparent; width:122%; height:170px; overflow:hidden; }
.expired { height:144px; }
div.race .scroller { height:130px; }
.races_root div.race .scroller { height:111px; }
.scroller div.scrolling { float:left; background-color:transparent; }
.scroller div.scrolling a { text-decoration:none; }
.scroller div.scrolling img { border-width:0; width:96px; }
.scroller div.scrolling img.voted { width:auto; height:auto; }

.scroller div.candidate { margin-left:1px; float:left }

.scroller .candinfo { width: 95px; padding:0; margin:1px 0 10px 0; line-height:100% }
a.race .scroller .candinfo { margin:2px 0 10px 0; }
.scroller .candname { color:#666; height:12px; overflow:hidden; white-space:nowrap ; }
.scroller div.new{margin-left:1px; float:left;}
#candidate_search .candname { width: 110px; xheight:33px; display:block; overflow:hidden; }
.votes { color:#444; font-size:105%; text-align:center; } 
.races_root .votes { background-color:#fbf2a3; }
.voteme {}

.fade { position:absolute; right:0; top:0; }
.scroller_online { position:absolute; width:18px; height:18px; margin:0px 0 0 -20px;}
dfn { display:block; font-style:normal; color:#456; font-size:95%}

@media print {
    body { font-size:11pt }
    #topnav, #header, #masthead, #nav, #topnav, #sidebar, #leftCol, #rightCol, #ndmenu { display:none }
    #content, #rap, #rap2, #container  { width:auto; height:auto; padding:0; margin:0 }
    #wrapper { border-width: 0 }
}


.ajax_next_btn { clear:left !important; height:auto !important; font-weight:bold !important }

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 470px;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

.leightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

/* A.S. */
#candidate_videos { padding:0; margin:0px }
.video_item { float:left; height:auto; margin:0px 0px 0px 5px; padding:10px 0px; width:510px; border-bottom:solid 1px #CCCCCC }
.video_left {  float:left; width:215px; display:block; margin:0 }
.video_right { float:right; margin:0; padding:0; width:295px }
/* End of A.S. */