/* -------------------------------------------------------------- 
  
RSR Master Styles
Author:	Justin Pardee, Pneumedia Studios
Date: 	Nov 13 2008
-------------------------------------------------------------- */

@import 'reset.css';
@import 'typography.css';
@import 'dialog.css';
@import 'lib/grid.css';
@import 'lib/forms.css';


/* -------------------------------------------------------------- 

1: BASE STYLES
2: PAGE STRUCTURE
	a) Mast & Branding
	b) Content & Columns
	c) Footer
3: BRANDING	
4: NAVIGATION
	a) Primary
	b) Footer
5: ASSETS
	a) Forms
6: MISC

-------------------------------------------------------------- */
body {
	background: #333;
	color:#efefef;
	text-align:center;
}

/* Page Structure
--------------------------------------------------*/
.wrap {
	position: relative;
	margin: 0 auto;
	width: 950px;
	text-align: left;
}
/* Mast & Branding ---------*/
#mast {
	height: 72px;
	background: url(../img/bg-mast.jpg) repeat-x bottom;
	text-align: left;
}
#logo {
	display: block;
	width: 242px; height: 72px;
	float:left;
	margin: 0;
	background: url(../img/logo-hifi.png) no-repeat;
	/*MAKE GIF in IE */
	text-indent: -9999px; overflow: hidden;
}
#util {
	position: absolute;
	top: 0; right: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}
#util li {
	float:left;
	margin-left:10px;
	line-height:27px;
}
#util a:link, #util a:visited {
	color: #b7b7b7;
	text-decoration: none;
}
#util a:hover, #util a:active {
	text-decoration: underline;
}

#n-login a {
	display:block;
	width:70px; height:16px;
	text-indent:-9999px; overflow: hidden;
	background: url(../img/nav-login.png) no-repeat;
}
#n-login a:hover {
	background-position: 0 -16px;;
}

/* Admin Bar ---------------*/
#admin {
	height:18px;
	background:#e01017 url(../img/bg-bar.jpg) repeat-x bottom;
}

/* Elevator Pitch  ---------*/
#elevator {
	padding:18px 0;
	background: url(../img/bnr.jpg) repeat-x bottom;
}
#secure #elevator {

}
ul#pitch {
    position: relative;
    left: -5px;
	margin: 0 auto 18px;
	width: 965px; /* get this down */
	list-style:none;
	text-align: left;
}
ul#pitch li {
	width: 320px; height:90px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
#pitch-candidates {
    width: 325px;
    background-image: url(../img/pitch-candidates.png);
}
#pitch-orders {
    background-image: url(../img/pitch-orders.png);
}
#pitch-simple {
    background-image: url(../img/pitch-simple.png);
}

/* Main Content ------------*/
#page {
	margin: -23px auto 0;
	width: 990px;
	text-align: left;
}
#page-top {
	height:23px;
	background: url(../img/bg-maintop.png) no-repeat;
}
#page-btm {
	height:18px;
	background: url(../img/bg-mainbtm.png) no-repeat;
}
#main {
	padding:0 15px 18px;
	min-height: 360px;
	background: url(../img/bg-main.png) repeat-y;
	color: #333;
}

/* Columns -----------------*/
#content, .content {
	width: 550px;
	float: left;
}
#related, .related {
	width: 390px;
	float: right;
}

#secure #content { width: 630px; }
#secure #related { width: 310px; }

#secure .contact #content { width: 550px; }
#secure .contact #related { width: 390px; }

/* Footer ------------------*/
#foot {
	margin: 0 auto;
	width: 950px;
	text-align: left;
	color: #999;
}
#foot #legalese {
	float: left;
}


/* Navigation
--------------------------------------------------*/
#nav {
	float: right;
	margin: 37px 0 0;
	list-style: none;
}
#nav li {
	float:left;
	margin-left:10px;
}
#nav a {
	float: left;
	width:70px; height:0;
	padding-top:24px; overflow: hidden;
	background: url(../img/nav.png) no-repeat;
}
#nav.secure a {
	background: url(../img/nav-secure.png) no-repeat;
}

/* Public States */
#nav #n-home a		{ background-position: 0 0; }
#nav #n-learn a		{ background-position: -70px 0; }
#nav #n-why a			{ background-position: -140px 0; }
#nav #n-join a		{ background-position: -210px 0; }

#nav #n-home a:hover		{ background-position: 0 -24px; }
#nav #n-learn a:hover		{ background-position: -70px -24px; }
#nav #n-why a:hover			{ background-position: -140px -24px; }
#nav #n-join a:hover		{ background-position: -210px -24px; }

#nav #n-home.on a		{ background-position: 0 -48px; }
#nav #n-learn.on a	{ background-position: -70px -48px; }
#nav #n-why.on a		{ background-position: -140px -48px; }
#nav #n-join.on a		{ background-position: -210px -48px; }

/* Secure States */
#nav #n-dashboard a		{ background-position: 0 0; width:150px; }
#nav #n-messages a		{ background-position: -150px 0; width:150px; }
#nav #n-orders a			{ background-position: -300px 0; }
#nav #n-candidates a	{ background-position: -370px 0; width:150px; }
#nav #n-network a			{ background-position: -520px 0; }

#nav #n-dashboard a:hover		{ background-position: 0 -24px; width:150px; }
#nav #n-messages a:hover		{ background-position: -150px -24px; width:150px; }
#nav #n-orders a:hover			{ background-position: -300px -24px; }
#nav #n-candidates a:hover	{ background-position: -370px -24px; width:150px; }
#nav #n-network a:hover			{ background-position: -520px -24px; }

#nav #n-dashboard.on a	{ background-position: 0 -48px; width:150px; }
#nav #n-messages.on a		{ background-position: -150px -48px; width:150px; }
#nav #n-orders.on a			{ background-position: -300px -48px; }
#nav #n-candidates.on a	{ background-position: -370px -48px; width:150px; }
#nav #n-network.on a		{ background-position: -520px -48px; }

/* Sub Navigation ------------*/
#nav-sub {
	margin:0;
	list-style:none;
}
#nav-sub li {
	margin-right:10px;
	float:left;
}

/* Admin Navigation ----------*/
#nav-admin {
	position: absolute;
	top: 0; right: 0;
	margin: 0;
	list-style: none;
	text-align:left;
}
#nav-admin li {
	display: inline;
}
#nav-admin a:link, #nav-admin a:visited {
	color: #333;
	text-decoration: none;
}
#nav-admin a:hover, #nav-admin a:active {
	color: #eee;
	background:#333
}

/* Footer Navigation ---------*/
#nav-foot {
	float:right;
	margin:0;
	list-style: none;
}
#nav-foot li {
	display: inline;
	margin-left: 1em;
}
#nav-foot a:link, #nav-foot a:visited {
	color: #999;
	text-decoration: none;
}
#nav-foot a:hover, #nav-foot a:active {
	color: #eee;
	text-decoration: underline;
}


/* Global Assets
--------------------------------------------------*/

/* Blog ----------------------*/
dl.blog dt {
    font-size: 1.1em; line-height: 1.25;
	color:#666;
}
dl.blog dd {
    margin:0 0 1.5em 0;
}
dl.blog em.updated {
    font-weight: normal;
	font-style: normal;
	color: #666;
	font-size:.825em;
}

/* Forms ---------------------*/
form fieldset {
    padding:1em 0 0 0;
    background:#fcfcfc;
    border-top:1px solid #ccc;
}
form legend {
    margin:0 1em;
	font-size: 1.2em;
	font-weight: bold;
}
form fieldset p {
    margin-left:1em;
    margin-right:1em;
    font-size:1.2em;
}
ul.form {
	list-style: none;
	margin:0 0 17px 0; padding-bottom:18px;
	border-bottom:1px solid #eee;
}
ul.form.last {
    margin-bottom:0;
    border-bottom:0;
}
ul.form label {
	display: block;
	width:150px;
	float: left;
	margin-right: 10px;
	text-align: right;
}
ul.form li {
    line-height:2.5em;
}
ul.form em.hint, ul.form em.ihint {
    display: block;
	padding-left: 160px;
	color: #666;
	font-size: 11px;
	font-style: normal;
}
ul.form em.ihint {
    display: inline;
    margin-left: 10px;
    padding: 0;
}

ul.form .error {
	padding: 9px 0;
	background: #fee;
}
ul.form .error label {
	color: #e00;
}

ul.form li em.err {
    padding-left: 15px;
	color: #e00;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}
ul.form .actn {
	padding-left: 160px;
}
ul.form .actn input {
    margin-right: 10px;
}

ul.dynsel {
    list-style: none;
    font-size: 11px;
}
ul.dynsel li {
    line-height: 14px;
}
ul.dynsel li * {
    vertical-align: middle;
}

.input-txt, .input-sel {
	width: 210px;
}

.input-area {
	width: 380px;
	height: 108px;
}
.input-smallarea {
	width: 380px;
	height: 36px;
}

ul.form li ul.dynsel {
    margin-left: 160px;
	list-style: none;
}
ul.form li ul.dynsel li {
    clear: both;
}
ul.form li ul.dynsel ul {
    margin:0 0 7px 0;
    float:left;
	list-style: none;
}
ul.form li ul.dynsel ul li {
	float: left; clear: none;
	width: 120px;
}
ul.form .ilbl label {
    display: inline;
    width: auto;
    float: none;
}

ul.form li ul li label {
	display: inline;
	width: auto;
	float: none;
}

ul.form li a {
    text-decoration: none;
}
ul.form li a:hover {
    text-decoration: underline;
}


form.contact li {
    margin-bottom: 9px;
}


/* Index Filter --------------*/
.index .tools {
    position: relative;
    padding:6px 10px;
    background: url(../img/idxtop-630.png) no-repeat;
}
.index .tools h1 {
    float:left;
}
.index .tools h2 {
    margin-bottom: 0;
    line-height: 24px;
}
.index .tools .meta {
    float: right;
}
.index .tools .search {
    margin-bottom:9px;
    padding-left:30px;
    line-height:24px;
    background: url(../img/ic-search24.png) no-repeat 0 0;
}
.index .tools .search * {
    vertical-align: top;
}
.index .tools .search .input-search {
    width: 545px;
    height: 20px;
    border: 1px solid #ccc;
}
.index .tools .filter {
    margin-bottom: 9px;
    padding-left: 30px;
}
.index .tools .filter p {
    margin-bottom: 9px;
}
.index .tools .filter p+p {
    margin-bottom: 0;
}
.index .tools .filter * {
    vertical-align: middle;
}
.index .tools label {
    font-weight:bold;
}
.index .tools .inlbl label {
    font-weight: normal;
}

ul#nav-index {
    margin:0;
    position: absolute;
    bottom:0; right: 10px;
    list-style:none;
    background: transparent;
    border: 0;
}
ul#nav-index li {
	margin:0 0 0 5px;
	padding: 0;
	float:left;
	border: 1px solid #ddd;
	border-width:0 1px;
}
ul#nav-index li a {
	display: block;
	padding:0 8px;
	color: #000;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	
	background: url(../img/idxtop-630.png) no-repeat top;
    color: #666;
}
ul#nav-index li a:hover {
	color: #000;
}
ul#nav-index li.on a {
	background: #fff;
    color: #000;
	font-weight: bold;
}
#nav-sub li.on a:hover {
	color: #000;
	text-decoration: none;
	cursor: default;
}

.index table td div,
.index ul li {
    position: relative;
}
.index span.rbn {
    position: absolute;
    top: 0; right: 0;
    display: block;
    width: 48px; height: 48px;
}
.index table span.rbn {
    position: absolute;
    top: -8px; right: -10px;
}

.index span.closed {
    background: url(../img/rbn-closed.png) no-repeat top right;
}
.index span.watching {
    background: url(../img/rbn-watching.png) no-repeat top right;
}
.index span.mine {
    background: url(../img/rbn-mine.png) no-repeat top right;
}
.index span.network {
    background: url(../img/rbn-network.png) no-repeat top right;
}

/* Index Table ---------------*/
.index table {
    margin-bottom: 18px;
    background: #fcfcfc;
    border: 1px solid #ddd; border-width: 0 1px;
}
.index table th, .index table td {
    padding: 6px 10px;
    border-bottom: 1px solid #ddd;
}
.index table h3 {
    padding:0;
    background: transparent;
    font-size: 14px;
    line-height:18px;
    font-weight: bold;
    border: 0;
}
.index table h3 em {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
}
.index table h3 a {
    /*color:#333;*/
    text-decoration: none;
}
.index table tr:hover h3 a {
    color:#ed1c24;
    text-decoration: underline;
}
.index table h4 {
    margin:0;
    font-size:1em;
    font-weight: normal;
    color:#666;
}
.index table td {
    position: relative;
    font-size:11px;
    text-align: right;
}

/* Index List ----------------*/
.index h3 {
    padding:4px 5px;
    background: url(../img/idxtop-310.png) no-repeat;
    font-size:14px;
    border-bottom: 1px solid #ddd;
}
.index h3 em.meta {
    display: block;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
}
.index ul {
    margin: 0 0 18px;
    list-style: none;
    background: #fcfcfc;
    border: 1px solid #ddd; border-width: 0 1px;
    border-bottom: 1px solid #ccc;    
}
.index ul li {
    padding: 6px 5px;
    border-bottom: 1px solid #ddd;
}
.index ul h4 {
    margin: 0;
    font-size: 12px;
    line-height:18px;
    font-weight: bold;
}
.index ul h4 em {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
}
.index ul h4 a {
    color:#333;
    text-decoration: none;
}
.index ul li:hover h4 a {
    color:#ed1c24;
    text-decoration: underline;
}
.index ul p {
    margin: 0;
    font-size: 11px;
    color:#666;
}

/* Index Paging---------------*/
#paging {
    margin: -9px 10px 9px;
    color: #666;
    font-size: 11px;
}
#paging .meta {
    float: right;
}
#paging a {
    text-decoration: none;
}
#paging a:hover {
    text-decoration: underline;
}


/* Homepage
--------------------------------------------------*/
#t-nationwidenetwork {
    margin:9px 0;
    width:469px; height:0; padding-top:54px; overflow: hidden;
    background: url(../img/t-nationwidenetwork.gif) no-repeat;
}
#t-postshowcasefill {
    width:498px; height:0; padding-top:18px; overflow: hidden;
    background: url(../img/t-postshowcasefill.gif) no-repeat;
}

.pitch p {
    margin-bottom:18px;
    font-size: 16px;
    line-height:18px;
}
.pitch dl {
    margin-bottom: 18px;
}
.pitch dd {
    margin-left: 0;
}
.pitch dt, .pitch dd {
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 18px;
}
.pitch dt {
    float: left;
    width: 120px;
    margin-right: 10px;
}
.pitch dd {
    float: left;
    width: 420px;
}


/* Start ---------------------*/
#start {
    padding:3px 10px 12px;
    background:url(../img/bg-box.png) no-repeat bottom;
}
ul#signup-start {
	list-style: none;
	margin: 0;
}
ul#signup-start label {
	display: block;
	width: 150px;
	margin-right: 10px;
	font-size:.95em;
}
#signup-start .input-txt {
    width:215px;
}
ul#signup-start li {
	float: left;
	width: 230px;
	margin: 0 10px 4px 0;
}
ul#signup-start #g-name {
    padding-left: 30px;
    background:url(../img/ic-user24.png) no-repeat left center;
}
ul#signup-start #g-work {
    margin-right:0;
    padding-left: 30px;
    background:url(../img/ic-work24.png) no-repeat left center;
}
ul#signup-start li.actn {
	float: none;
	clear: both;
	width: auto;
	text-align: right;
}

#top10 h2 {
    margin:0; padding: 5px 15px;
    background:url(../img/bg-boxtop390.png) no-repeat;
    color:#fff;
}
#top10 ol {
    margin:0; padding:9px 15px 9px;
    background:url(../img/bg-box390.png) no-repeat bottom;
    font-size: 12px;
}
#top10 li {
    margin-bottom: 6px; padding-left: 24px;
    list-style: none;
    line-height:18px;
}
#top10 #blt1 { background:url(../img/blt1.png) no-repeat; }
#top10 #blt2 { background:url(../img/blt2.png) no-repeat; }
#top10 #blt3 { background:url(../img/blt3.png) no-repeat; }
#top10 #blt4 { background:url(../img/blt4.png) no-repeat; }
#top10 #blt5 { background:url(../img/blt5.png) no-repeat; }
#top10 #blt6 { background:url(../img/blt6.png) no-repeat; }
#top10 #blt7 { background:url(../img/blt7.png) no-repeat; }
#top10 #blt8 { background:url(../img/blt8.png) no-repeat; }
#top10 #blt9 { background:url(../img/blt9.png) no-repeat; }
#top10 #blt10 { background:url(../img/blt10.png) no-repeat; }

dl.faqs {
    margin-bottom: 72px;
}
dl.faqs dt {
    margin-bottom: 3px; padding-left: 27px;
    background: url(../img/bltQ.png) no-repeat;
    font-size: 14px;
    line-height: 18px;
}
dl.faqs dd {
    margin:0 0 18px; padding:2px 0 0 27px;
    background: url(../img/bltA.png) no-repeat;
}


/* Learn
--------------------------------------------------*/
h1#hdl-tour {
    margin:0 140px 27px; padding:63px 0 0 0;
    height: 0; overflow: hidden;
    background: #fee url(../img/tour/hdl-tour.gif) no-repeat 50% 9px;
    border-bottom: 1px solid #c11;
}

.scene {
    margin-bottom: 36px;
}
.scene .view {
    margin-right: 30px;
    float: left;
    border:1px solid #666;
}
.scene .post {
    float: left;
    width: 365px;
}
.scene h3 {
    font-size: 21px;
}
.scene ol li {
    margin-left: 10px;
}
.scene ol li {
    margin-bottom: 9px;
}

/* Orders
--------------------------------------------------*/
.order_view h1 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
}
.order_view h1 em {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}
.order_view h2 {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}
.order_view h3 {
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 18px;
    font-weight:normal;
}
.order_view h4 {
    font-size: 12px;
    line-height: 18px;
}
.order_view h4 {
    margin-top:-.5em;
}

/* Profile
--------------------------------------------------*/
#profile_head {
    position: relative; top: -18px;
    margin:0 -10px 0; padding:0 15px; min-height:60px;
    background: transparent url(../img/bg-maintopBlack.png) no-repeat;
    color: #efefef;
}
#profile_head h1 {
    color: #fff;
    font-size: 20px;
    line-height: 36px;
}
#profile_head h1 em {
    font-size: 16px;
    font-style: normal;
}

#profile_head #avatar {
    position: absolute;
    top: 5px; right: 15px;
}
#profile_head #avatar img {
    padding: 1px;
    background: #fff;
    color: #333;
    border: 1px solid #b7b7b7;
}
#profile_head #avatar a:hover img {
    border: 1px solid #575757;
}

#nav-sub {
	margin:0;
	list-style:none;
}
#nav-sub li {
	margin-right:10px;
	float:left;
}
#nav-sub li a {
	display: block;
	padding:0 9px;
	color: #eee;
	line-height: 24px;
	text-decoration: none;
}
#nav-sub li a:hover {
	color: #fff;
	text-decoration: underline;
}
#nav-sub li.on a {
	background: #efefef;
    color: #000;
	font-weight: bold;
}
#nav-sub li.on a:hover {
	color: #000;
	text-decoration: none;
	cursor: default;
}


.profile-pane {
	margin-bottom: 18px;
	min-height: 160px;
	border-bottom: 1px solid #b7b7b7;
}
.profile-pane h3 {
    font-size: 12px;
    line-height:18px;
}

#person_name input {
    margin-right: 10px;
    width:230px;
    font-size: 16px;
}
.person_street textarea {
    display: block;
    width: 320px; height: 45px;
    margin-bottom: 9px;
}
.person_street input,
.person_street select {
    margin-right:10px;
}
.person_street .input-city {
    width: 150px;
}
.person_street select,
.person_street .input-zip {
    width: 70px;
}
.person_numbers input {
    width: 230px;
}
.person_numbers select {
    width: 70px;
}
.person_numbers p.add {
    padding-left: 240px;
    font-size: 10px;
}

table.messages tbody th {
    width: 150px;
    font-weight: normal;
}
table.messages tbody td {
    text-align: left;
}
table.messages tbody td.date {
    width: 70px;
    text-align: right;
}
table.messages .new th,
table.messages .new td {
    font-weight: bold;
}

.compose .input-txt.subject {
    width: 390px;
}
.compose .input-area {
    height: 252px;
}
.message h1 {
    font-size: 20px;
}
.message h2 {
    padding-left: 5px;
    font-size: 14px;
}
.message h2 .meta {
    float: right;
}

#news.index th h3 {
    font-size: 12px;
}
#news.index th p {
    margin: 0;
    font-weight: normal;
}

.neworders h2 {
    padding-left: 30px;
    background: url(../img/ic-orders24.png) no-repeat 0 50%;
}
.newcandidates h2 {
    padding-left: 30px;
    background: url(../img/ic-users24.png) no-repeat 0 50%;
}

/* Dashboard Items */
#newmessages {
    margin-bottom: 18px; padding:8px 10px 8px 31px;
    border:1px solid #ddd; border-width: 1px 0;
    background: #ffc url(../img/ic-mail16.png) no-repeat 10px 50%;
}
#newmessages strong {
    font-size: 13px;
    font-weight: bold;
}
#newmessages a {
    text-decoration: none;
}
#newmessages a:hover {
    text-decoration: underline;
}

/* Dashboard Items */
#alertprofile {
    margin-bottom: 18px; padding:8px 10px 8px 31px;
    border:1px solid #aaf; border-width: 1px 0;
    background: #eef url(../img/ic-light16.png) no-repeat 10px 50%;
}
#alertprofile strong {
    font-size: 13px;
    font-weight: bold;
}
#alertprofile a {
    text-decoration: none;
}
#alertprofile a:hover {
    text-decoration: underline;
}

/* Dashboard Items */
.alert-tour {
    margin-bottom: 18px; padding:8px 10px 8px 31px;
    border:1px solid #c11; border-width: 1px 0;
    background: #fee; color: #000;
}
.alert-tour a {
    text-decoration: none;
}
.alert-tour a:hover {
    text-decoration: underline;
}




p.btns {
    text-align:center;
}

em.e {
    color: Red;
    font-weight: bold;
}

em.d-all {
    font-size: 11px;
    font-style: normal;
    color: #ed1c24;
}

/* Miscellaneous
--------------------------------------------------*/
.hCardHide { /* includes in vCard */
	display:none;
}

.leaderboard {
    margin-bottom: 18px;
    text-align: center;
}
#mediumrect {
    margin-bottom: 18px;
    text-align: center;
}

/* self-clearing floats for modern browsers */
#mast:after,
#main:after,
#pitch:after,
.pitch:after,
.scene:after,
#nav-sub:after,
.index .tools:after,
ul#nav-index:after,
.profile-pane:after,
ul.form li ul.dynsel li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}