@import "typography.css";
@import "layout.css";
@import "extras.css";
@import "wireframe.css"; /* ### DO NOT INCLUDE INTO LIVE SITE ### */

/* !Generals */

body {
background: url(../images/header_bg.png) 0 0 repeat-x;
font-family: Arial, Verdana, Tahoma, sans-serif;
}

#content {
width: 960px;
margin: 0 auto;
}

#header{
margin-bottom:20px;
}

#stripe {
margin: 0;
float:right;
}

#stripe .userNav p{
bottom:5px;
font-size:13px;
position:relative;
right:14px;
}

#stripe .userNav p a{
width: auto;
float: left;
margin: .5em 0 0 0;
color: #444;
font-size: .9em !important;
text-decoration: none;
}

#stripe .userNav p a:hover{
text-decoration: underline;
}

#stripe .userNav p a em {
font-style: normal;
color: #ffa201;
}


.userNav {
width: 290px;
font-size: .9em;
}

.userNav li {
display: inline;
}

.userNav li a {
text-decoration: none;
font-weight: bold;
}

.orange {
color: #ff8401 !important;
}

.blue{
color: #135de4 !important;
}

#branding {
margin:7px 0 0;
font-family: Tahoma, Arial, Verdana, sans-serif;
float:left;
position:relative;
top:5px;
}

#branding h1 {
color: #000;
text-decoration: none;
font-size: 2.5em;
text-shadow: 1px 1px 0 #fff;
margin:0;
}

#branding h1 em {
font-style: normal;
color: #ffa201;
}

#mainContent {
margin: 1em 0 0 0;
background: url(../images/main_content_illustration.png) 400px 35px no-repeat;
width:960px;
}


#primary {
width: 530px;
float: right;
}

.nav {
margin: 0;
}

.nav li {
display: inline;
margin: 0 1em 0 0;
}

.nav li a {
color: #000;
font-weight: bold;
font-size:13px;
text-decoration: underline;
}

.nav li a:hover {
color: #FFA201;
}

#primary h3 {
text-align: right;
color: #7D7E7F;
font-weight: normal;
font-size: 2.2em;
margin: .6em 0 0 0;
}

#primary h2 {
color: #7D7E7F;
font-weight: normal;
font-size: 2.2em;
margin: .6em 0 0 0;
}


#primary p {
font-size: .9em;
margin: 0;
color: #999;
}

.alignRight {
font-size: .8em !important;
text-align: right !important;
width: 200px !important;
float: right !important;
color: #999 !important;
}

#primary h4 {
clear: both;
text-align: left;
font-weight: normal;
font-size: 2em;
margin: 0;
color: #ff6f00;
}


#secondary {
width: 400px;
float: left;
}

#tertiary {
clear: both;
}

.userListing {
overflow: hidden;
margin: 0;
}

.userListing li {
width: 100px;
float: left;
margin: 0 .6em;
text-align: center;
}

.userListing li img {
display: block;
margin-bottom:10px;
}

.userListing li p {
font-size: .9em;
margin: 0;
line-height: 100%;
}

.userListing li a {
font-size: .9em;
color: #5161fe;
margin: 0;
line-height: 100%;
}

#footer {
border: none;
background: url(../images/footer_bg.png) 0 0 repeat-x;
}

.footer {
width: 960px;
margin: 0 auto;
text-align:center;
}

.footer p {
font-size: .9em;
color: #999;
line-height: 120%;
margin: .5em 0;
}

#inner #mainContent, #loader #mainContent {
background: none;
}

#loader #mainContent {
text-align: center;
}

#loader #mainContent h5 {
text-align: center;
width: 100%;
font-weight: normal;
font-size: 2em;
margin: 8em 0 0 0;
}

#loader #mainContent img {
margin: 0 0 8em 0;
}

.bigUserListing {
overflow: hidden;
margin: 1.5em 0;
}

.bigUserListing li {
display: block;
width: 157px;
margin: 0 1em 0 0;
float: left;
}























#search {
width: 380px;
margin: 0 auto 2em auto;
background: #D8D8D8 url(../images/form_bg.png) 0 0 repeat-x;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
padding: 20px 10px;
}

#innerOne #search {
margin: 0 auto 1em auto !important;
}

#search fieldset {
width: 330px;
margin: 0 auto;
}

#search fieldset h4 {
text-align: center;
font-weight: normal;
font-size: 1.6em;
color: #666;
margin: 0 0 1em 0;
line-height: 100%;
}


.ctrlHolder, .multiHolder {
overflow: hidden;
margin: 0 0 1.8em 0;
}

.ctrlHolder label, .boxHolder label {
display: block;
width: 60px;
float: left;
margin: 0 10px 0 0;
text-align: right;
font-size: .9em;
line-height: 150%;
}

.ctrlHolder input {
border: 1px solid #ccc;
float: left;
width: 216px;
}

.ctrlHolder .note {
color: #000;
font-style: italic;
font-weight: bold;
font-size: .6em;
margin: 0 0 0 70px;
clear: both;
}

.boxHolder {
width: 155px;
float: left;
}

.boxHolder select {
width: 83px;
}

.secondLabel {
width: 40px !important;
}

.smallLabel {
width: 28px !important;
text-align: center;
}

.bigBoxHolder {
width: 175px;
float: left;
}

.bigBoxHolder label {
float: left;
}

.bigBoxHolder select {
float: left;
margin: 0 10px 0 0;
width: 65px;
}

.bigBoxHolder p {
float: left;
margin: 0;
padding: 0;
}

.buttonHolder {
overflow: hidden;
padding: .5em;
}

.birthBox select {
width: 70px;
}

.buttonHolder button {
display: block;
background: url(../images/button_bg.png) 0 0 repeat-x;
-moz-box-shadow: 3px 3px 0 #444;
-webkit-box-shadow: 3px 3px 0 #444;
text-shadow: 1px 1px 0 #000;
box-shadow: 3px 3px 0 #444;
border: none;
line-height: 46px;
height: 46px;
width: 100%;
font-size: 1.3em;
font-weight: bold;
color: #fff;
text-align: center;
margin: 0 auto 0 auto;
text-transform: uppercase;
}