@charset "UTF-8";
/* CSS Document */

/* update */
ol {line-height: 20px;}
ul {line-height: 20px;}
label.edit2 {
    clear: both;
    width: 120px;
    float: left;
}

.clear {clear:both; height:0px; overflow:hidden; width: 100%;}
.clearsimple { clear:both; }
* :focus { outline:none }
fieldset { width: 165px; border: 1px solid #E23021; background-color: #fff; padding-left:9px; padding-right:9px;}
fieldset.boundary { width: auto; padding: 20px 15px; margin: 0 25px 25px; }
fieldset.inactive { height: 100px; width: 637px; border: 1px solid #EEE; margin: 0 0 15px 0;}
fieldset.active { height: 100px; width: 637px; border-color: #7D7D88; margin: 0 0 15px 0; }
fieldset.rating { height: 100px; width: 637px; border-color: #7D7D88; margin: 0; border-bottom: none; background: transparent; }
fieldset.skills { width: 637px; border-color: #7D7D88; margin: 20px 0 15px 0; padding: 10px 19px; }
fieldset.reliability { width: 637px; border-color: #7D7D88; margin: 0 0 15px 0; padding: 10px 19px; }
legend { color: #E23021; font-weight: bold;}
legend.boundary { font-size: 1.3em; }
fieldset.inactive legend { color: #aaa; }
fieldset.active legend, fieldset.rating legend { color: #444353; }

.slider_container { position: relative; margin-top: 30px; height: 40px; width: 445px; float: left;} 
.buttons_container { position: relative; margin: 5px 5px 0 0; height: 40px; width: 150px; float: right;} 
.small_label { background: url(../gfx/minus.gif) no-repeat; height: 40px; width: 63px; overflow: hidden; float: left; margin: -21px 0 0 5px; padding: 0 -5px 0 0;} 
.slider_bar { background: url(../gfx/bar.gif) no-repeat; height: 19px; width: 282px;  float: left; margin: 0px 5px; position: relative;} 
.large_label { background: url(../gfx/plus.gif) no-repeat; height: 40px; width: 63px; overflow: hidden; float: left; margin: -21px 5px 0 0; padding: 0 0 0 -5px;} 
.slider_handle { background: url(../gfx/selector.png) no-repeat; height: 19px; width: 20px; overflow: hidden; position: absolute; top: 1px; left: 0;} 
.slider_callout { background: url(../gfx/callout.png) no-repeat; height: 45px; width: 38px; overflow: hidden; position: absolute; top: -50px; margin-left:-10px;  padding: 8px 0px 0px 0px; font-family: "Myriad Pro"; color: #FFFFFF; font-weight: bold; text-align: center; display:none;} 
.slider_fill { background-color: #E22F20; height: 3px; width: 0px; overflow: hidden; position: absolute; top: 9px; left: 1px;} 
.rating_bar { position: relative; background: url(../gfx/ratingbar.gif) no-repeat; height: 63px; width: 393px;  float: left; margin: 13px 5px 0; position: relative;} 
.rating_null { background: url(../gfx/ratenull.png); height: 19px; overflow: hidden; position: absolute; top: 38px; left: 6px;} 
.rating_fill { background: url(../gfx/rateval.png) repeat-x; height: 19px; width: 0; margin-left: 4px; overflow: hidden; } 
.ratingd_bar { position: relative; background: url(../gfx/ratingdbar.gif) no-repeat; height: 31px; width: 393px;  float: left; margin: 23px 45px 0 15px; position: relative;} 
.ratingd_null { background: url(../gfx/ratednull.png); height: 19px; overflow: hidden; position: absolute; top: 6px; left: 6px;} 
.ratingd_fill { background: url(../gfx/ratedval.png) repeat-x; height: 19px; width: 140px; margin-left: 4px; overflow: hidden; } 

body {
	font-family: Arial, sans-serif;
	font-size: .9em;
	margin: 0px;
	padding: 0px;
	color: #424151;
	background:#E7EAD5 url(../gfx/bkgd.gif) no-repeat;	
	text-align: center;
}

div.mainBox {
	text-align: left;
	width: 761px;
	margin: 0px auto;
}


label {
	display: block;
	margin: 0 0 5px 2px;
	padding-top: 10px;
	font-weight: bold;
}

div.blankbk {
	background-color: #fff;
	padding: 25px;
	margin: 8px 25px 25px 25px;
	border: 1px solid #B2B2B8;
}

label.first {
	margin-top: 5px;
}

input {
	display: block;
	width: 150px;
}

.hide {
	display: none;
}

div.signinbutton {
	margin-left: 42px;
}

/* links */

a, a:visited {
	color: #E23021;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.addbook {
	clear: both;
	background: url(../gfx/add.gif) no-repeat 10px 3px;
	font-size: .75em;
	padding-left: 25px;
	margin-top: 10px;
}

fieldset a {
	display: block;
	font-size: .75em;
	margin: 5px 0 20px 2px;
}

a.logo {
	display: block;
	margin-left: 22px;
	float: left;
	z-index: 1;
	position: absolute;
	top: 0px;
}

a img {
	border: none;
}

a.priv {
	font-size: .75em;
	margin: 5px 300px 0 0;
	display: block;
	float: right;
}

a.votes {
	float: right;
	font-size: 1.1em;
	margin: 58px 80px 0 0;
	width: 90px;
	color: #fff;
	text-align: center;
}

a.votes_edit {
	float: right;
	font-size: 1.1em;
	margin: 58px 12px 0 0;
	width: 90px;
	color: #fff;
	text-align: center;
}

a.remove {
	background: url(../gfx/remove.gif) no-repeat right;
	padding-right:20px;
 	float: right;
	margin: 0;
	margin-top: 2px;
	font-size: .8em;
}

div.header {
	float: right;
	text-align: right;
	margin: 15px 13px 0 0;
}

.header a {
	margin-left: 15px;
}

.header span {
	margin-left: 15px;
}

.header div {
	margin-top: 5px;
	font-size: .75em;
}

.header div a, .header div span {
	margin-left: 5px;
	border-bottom: 0;
}

.header a:hover {
	text-decoration: none;
	border-bottom: 2px solid #E23021;
}

.header div a:hover {
	text-decoration: underline;
	border-bottom: 0;
}

div.votedetail {
	display: none;
	background: #444353 url(../gfx/votedetail.gif) repeat-x top;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	width: 657px;
}

span.cur {
	margin-left: 15px;
	border-bottom: 2px solid #E23021;
	color: #E23021;
	font-size: 1em;
	margin-top: 0;
}

div.main {
	width: 761px;
	position: absolute;
	top: 117px;
	z-index: 0;
}

div.buttons {
	float: left;
	margin: 3px 15px 4px 25px;
}

div.canvas {
	width: 100%;
	background: url(../gfx/canvas_bk.png) repeat-y;
}

div.canvas_hd {
	background: url(../gfx/canvas_tp.png) no-repeat top;
}

div.canvas_bt {
	padding: 32px 0 25px 0;
	background: url(../gfx/canvas_bt.png) no-repeat bottom;
}

div.pitch {
	width: 509px;
	height: 305px;
	background-color: #383744; 
	float: left;
	margin: 8px 20px 0 22px;
/*	border-bottom: 1px solid #444353; */
}

div.pitch_inner_bl {
	margin: 16px;
	background: #444353 url(../gfx/dark_bl.png) no-repeat bottom left;
}

div.pitch_inner_tl {
	background: url(../gfx/dark_tl.png) no-repeat top left;
}

div.pitch_inner_br {
	background: url(../gfx/dark_br.png) no-repeat bottom right;
}

div.pitch_inner_tr {
	background: url(../gfx/dark_tr.png) no-repeat top right;
	padding: 30px;
	color: #fff;
	font-size: 1.5em;
}

div#register {
	z-index: 1000;
	position: absolute;
	top: 100px;
	width: 421px;
	margin: 0 170px;
	background-color: #444353;
	display: none;
}

div#confirmdelete, div#editphoto, div#editpassword {
	z-index: 1000;
	position: fixed;
	top: 100px;
	width: 421px;
	margin: 0 170px;
	background-color: #444353;
	display: none;
}

div.context {
	background-color: #A0A0A8;
	margin: 8px 25px 25px 25px;
	border-bottom: 1px solid #444353;
}

div.context_inner_bl {
	margin: 16px;
	background: #fff url(../gfx/white_bl.png) no-repeat bottom left;
}

div.context_inner_tl {
	background: url(../gfx/white_tl.png) no-repeat top left;
}

div.context_inner_br {
	width: 100%;
	background: url(../gfx/white_br.png) no-repeat bottom right;
}

div.context_inner_tr {
	background: url(../gfx/white_tr.png) no-repeat top right;
	padding: 15px 12px;
	font-size: 1.2em;
}

div.rating {
	background-color: #FCEAE8;
	padding: 5px;
	color: #E22F20;
	font-size: 1.2em;
	margin-bottom: 15px;
	float: left;
}

h1.title {
	color: #E22F20;
	font-size: 1.6em;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
}

div.name {
	color: #444353;
	clear: left;
	font-size: 1.5em;
	font-weight: bold;
	float: left;
}

div.profile {
	float: left;
	width: 550px;
	margin-left: 15px;
}

a.profile {
	position: relative;
	display: block;
	color: #fff;
	margin: 0;
	font-size: .9em;
	text-decoration: underline;
}

div.action1 {
	margin-top: 10px;
	float: left;
}

div.action2 {
	margin-top: 10px;
	float: right;
}

div.action3 {
	margin-top: 17px;
	float: right;
	margin-right: 10px;
	font-weight: bold;
	font-size: .8em;
}

div.action_edit1 {
	margin: 0 0 0 10px;
	float: left;
}

div.action_edit2 {
	margin-top: 20px;
	float: right;
}

div.action_edit3 {
	float: right;
	margin-right:20px;
}

div.action_edit4 {
 	margin: 10px 20px 20px 0;
	float: right;
	clear:right;
}

div.error {
	/*font-size: .75em;*/
	font-size: 18px;
	background-color: #FCEAE8;
	padding: 7px;
	color: #E22F20;
	margin: 2px 0 0 10px;
	float: left;
}

/*update*/
.error {
	font-size: .75em;
	background-color: #FCEAE8;
	padding: 5px;
	color: #E22F20;
	margin: 2px 0 0 0;
	float: left;
}

div.skillserror {
	font-size: 1.1em;
	background-color: #FCEAE8;
	padding: 5px;
	color: #E22F20;
	margin: 2px 0 0 10px;
	float: right;
}

div.verified {
	font-size: .75em;
	font-weight: bold;
	float: left;
	display: block;
	margin: 10px 0 0 7px;
}

div.verified2 {
	font-size: .75em;
	font-weight: bold;
	float: left;
	display: block;
	margin: 0;
}

a.verified {
	font-size: .75em;
	font-weight: bold;
	float: left;
	display: block;
	margin: 10px 0 0 7px;
}

a.verified2 {
	font-size: .5em;
	font-weight: bold;
	margin: 10px 0 0 7px;
}

a.verified3 {
	font-size: .75em;
	font-weight: bold;
	float: left;
	display: block;
	margin: 0 0 0 15px;
}

a.editskills {
	font-size: .75em;
	clear: both;
}

a.edit {
	font-size: .75em;
	margin: 0 0 0 7px;
}

a.editphoto {
	font-size: .75em;
	font-weight: bold;
	display: block;
	text-align: center;
}

fieldset.boundary div {
	font-weight: bold;
	margin-bottom: 5px;
}

div.votehist1 {
	clear: both;
	font-size: .8em;
	float: left;
	width: 200px;
}

div.votehist2 {
	font-size: .8em;
	float: left;
	width: 200px;
}

div.votehist3 {
	font-size: .7em;
	font-style: italic;
	float: left;
	width: 100px;
}


a.votehistfull {
	font-size: .8em;
	display: block;
	margin-top: 10px;
	clear: both;
	float: right;
	padding-right: 11px;
	background: url(../gfx/raquo.gif) no-repeat right 5px;
}

div#votehistdetail {
	clear: both;
	display: none;
}

fieldset.boundary div.timestamp {
	position: relative;
	font-style: italic;
	margin-bottom: 2px;
	padding-top: 12px;
	color: #fff;
	font-size: .75em;
	font-weight: normal;
}

fieldset.boundary div.role {
	position: relative;
	margin-bottom: 0;
	color: #fff;
	font-size: .9em;
	font-weight: normal;
}

div.role_edit {
	clear: left;
}

div.invitebox {
	float: left;
	width: 285px;
	margin: 10px 40px 0 0;
}

div.ratingbox {
	float: left;
	width: 200px;
}

label.join {
	clear: both;
	
}

label.edit {
	clear: both;
	width: 60px;
	float: left;
}

fieldset.boundary input.std, input.std, input.stdjoin {
	font-size: 1.2em;
	width: 350px;
	float: left;
	margin: 0;
	padding: 0;
}

div.photobox {
	float: left;
	width: 86px;
}

div.profile input.std {
	width: 250px;
}

div.addskill {
	background:url(../gfx/addskill.png) no-repeat;
	margin:10px 0 0 70px;
	height:81px;
	padding-top: 3px;
}

div.addskill label {
	clear:both;
	display:block;
	float:left;
	margin:1px 0 0 30px;
	font-size:1.5em;
}

div.addskill input {
	margin:13px 0 0 9px;
	width:300px; 
	font-size: 1.2em;
	float: left;
	padding: 0;
}

div#tooltip {
	background:url(../gfx/tooltip.gif) no-repeat;
	position:absolute;
	margin-top: -117px;
	margin-left: 145px;
	height:44px;
	width:367px;
}


div#tooltip div {
	padding:7px 14px;
	color:#fff;
}

div.skillbox {
 	clear: both;
	margin: 0 10px;
	padding-top: 9px;
	border-top: 1px solid #d8d8db;
}

div.skillbox:first-child {
	border-top: 0;
}

div.skillbox div {
	font-weight: bold;
	font-size: 1.1em;
	float:left;
}


div.std {
	padding: 3px;
	float: left;
}

span.emph {
	color: #E22F20;
}

div.highlight {
	background: url(../gfx/field.png) no-repeat;
}

div.highlightlg {
	background: url(../gfx/fieldlg.png) no-repeat;
}

div.highlightsm {
	background: url(../gfx/fieldsm.png) no-repeat;
}

div.highlightarea {
	background: url(../gfx/highlightarea.gif) no-repeat;
}

legend span {
	color: #999;
}

img.pic {
	float: right;
	border: 1px solid #CACACF;
	padding: 2px;
}

img.picv {
	float: left;
	border: 1px solid #CACACF;
	padding: 2px;
}

div.comment_col1 {
	width: 180px;
	float: left;
	margin-left: 39px;
}

div.comment_col2 {
	width: 250px;
	float: left;
	margin-left: 50px;
}

div.quote {
	background: #fff url(../gfx/quote.png) no-repeat bottom;
	padding: 10px 10px 22px 10px;
	margin-bottom: 10px;
}

div.cent {
	text-align: center;
}

div.signin {
	float: left;
}


div.comment_bl {
	margin: 23px 4px 0 2px;
	background: #F4F6EC url(../gfx/light_bl.png) no-repeat bottom left;
}

div.comment_tl {
	background: url(../gfx/light_tl.png) no-repeat top left;
}

div.comment_br {
	background: url(../gfx/light_br.png) no-repeat bottom right;
}

div.comment_tr {
	background: url(../gfx/light_tr.png) no-repeat top right;
	padding: 27px 0;
	font-size: .9em;
}

h2 {
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
}

div.footer {
	color: #666;
	margin: 40px 4px 40px 2px;
}

div.slogan {
	position: absolute;
	top: 76px;
	margin-left: 316px;
}

.footer a {
	margin-left: 15px;
}

div.sm {
	font-size: .75em;
	margin-top: 10px;
}

textarea {
	font-family: Arial, sans-serif;
	font-size: .75em;
	width: 285px;
	height: 120px;
	margin: 0;
}

label.invite {
	padding-left: 10px;
	height: 60px;
	background: url(../gfx/arrow.gif) no-repeat 0 15px;
}

span.footnote {
	font-weight: normal;
	font-size: .75em;
}

fieldset div.ratingpad { background: url('../gfx/vote.png') repeat-x bottom; width: 656px; margin-bottom: 0; }

/* Buttons */

a.button {
	background: transparent url('../gfx/bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	clear: both;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 22px;
	margin-right: 6px;
	margin-bottom: 0px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.button span {
	background: transparent url('../gfx/bg_button_b.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 4px 0 4px 18px;
}
a.button:active {
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
	background-position: bottom right;
	padding: 5px 0 3px 18px; /* push text down 1px */
}
a.button:hover {
	background-position: center right;
	outline: none; /* hide dotted outline in Firefox */
}
a.button:hover span {
	background-position: center left;
}


a.buttonorange {
	background: transparent url('../gfx/orange_button_a.gif') no-repeat scroll top right;
	color: #FFFFFF;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 29px;
	margin-bottom: 0px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.buttonorange span {
	background: transparent url('../gfx/orange_button_b.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 7px 0 8px 18px;
}
a.buttonorange:active {
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
}
a.buttonorange:active span {
	background-position: bottom right;
	padding: 8px 0 7px 18px; /* push text down 1px */
}
a.buttonorange:hover {
	background-position: center right;
	outline: none; /* hide dotted outline in Firefox */
}
a.buttonorange:hover span {
	background-position: center left;
}


a.buttonhome {
	background: transparent url('../gfx/home_button_a.gif') no-repeat scroll top right;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 18px arial, sans-serif;
	height: 44px;
	margin-bottom: 0px;
	margin-right: 6px;
	margin-top: 15px;
	padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
}
a.buttonhome span {
	background: transparent url('../gfx/home_button_b.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 14px 0 16px 15px;
}
a.buttonhome:active {
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
}
a.buttonhome:active span {
	background-position: bottom right;
	padding: 15px 0 15px 15px; /* push text down 1px */
}
a.buttonhome:hover {
	background-position: center right;
	outline: none; /* hide dotted outline in Firefox */
}
a.buttonhome:hover span {
	background-position: center left;
}


/* Save Alert */

.saved {
    color: #FFFFFF;
    display: block;
    font: bold 12px arial, sans-serif;
    height: 22px;
    margin: 0 -10px 0 0;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
}

.saved span {
    background: transparent url('../gfx/saved-orange.gif') no-repeat 0px 0px;
    display: block;
    line-height: 14px;
    padding: 4px 0 4px 18px;
} 


.savedfield {
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 22px;
    margin: 1px 0 0 132px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
}

.savedfield span {
    background: transparent url('../gfx/saved-orange.gif') no-repeat 0px 0px;
    display: block;
    line-height: 14px;
    padding: 4px 18px;
} 

.pitchimg {
	position: absolute;
	left: 22px;
	top: 40px;
	width: 509px;
	height: 305px;
}

.pitchnum {
	position: absolute;
	left: 49px;
	top: 33px;
	color: #e22f20;
	font: bold 22px arial, sans-serif;
}

.pitchwords {
	position: absolute;
	left: 83px;
	top: 33px;
	color: #fff;
	font: bold 22px arial, sans-serif;
}

a.buttonjoin {
    position: relative;
    top: 235px;
    left: 160px;
    background: transparent url('../gfx/join_button_b.png') no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 16px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.buttonjoin span {
    background: transparent url('../gfx/join_button_a.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 7px 0 9px 18px;
}
a.buttonjoin:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}
a.buttonjoin:active span {
    background-position: bottom right;
    padding: 8px 0 8px 18px; /* push text down 1px */
}
a.buttonjoin:hover {
    background-position: center right;
    outline: none; /* hide dotted outline in Firefox */
}
a.buttonjoin:hover span {
    background-position: center left;
}

.pitchimg img {
    cursor: pointer;
}

.pitchnum {
    position: absolute;
    left: 49px;
    top: 35px;
    color: #e22f20;
    font: bold 22px arial, sans-serif;
    line-height: 1em;
}