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

* {
margin:0;
padding:0;
}

body {
text-align:center;
background-color:#000;
}

h1, h2, h3 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
font-size: 1.6em;
line-height:1.4em;
margin-bottom:5px;
text-align:left;
font-weight: normal;
color:#ADADAD;
}

h2 {
font-size: 1.2em;
line-height:1.4em;
font-weight: normal;
margin:5px 0;
color:#ADADAD;
}

h3 {
font-size:1.0em;
font-weight:normal;
color:#ADADAD;
}

p, li {
 font: 0.8em/1.4em "Myriad Pro", Arial, Helvetica, sans-serif;
 font-weight:normal;
 padding-bottom:0.9em;
 color:#333;
}

p.intro {
font-size:1.4em;
}

p.small {
font-size:1.1em;
line-height:1.7em;
}

p.indent {
padding-left:40px;
}

ul, ol {
	list-style:none;
	margin: 0;
}

/* PSEUDO CLASSES
================= */

a:link,a:visited {
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
}

a:hover,a:active {
	color:#F30;
}


/* ID SELECTORS
======================================*/

#container {
width:394px;
}

#phonezone {
width:394px;
float:right;
margin:0;
background:url(images/phonebase.png) 0px 0px repeat-y;
}

#phonezonevideo {
width:394px;
text-align:center;
background:transparent;
}


/* HOME PAGE MAIN BUTTONS
========================== */

.phonebutton_search {
display:block;
width:394px;
text-align:center;
border:none;
margin-top:12px;
height:72px;
background:url(images/startbtn_search.png) bottom center no-repeat;
}

.phonebutton_search a:link, .phonebutton_search a:visited {
display:block;
width:394px;
text-decoration:none;
text-align:center;
border:none;
height:72px;
background:url(images/startbtn_search.png) bottom center no-repeat;
}

.phonebutton_upload {
display:block;
width:394px;
text-align:center;
border:none;
margin-top:12px;
height:72px;
background:url(images/startbtn_upload.png) bottom center no-repeat;
}

.phonebutton_upload a:link, .phonebutton_upload a:visited {
display:block;
width:394px;
text-decoration:none;
text-align:center;
border:none;
height:72px;
background:url(images/startbtn_upload.png) bottom center no-repeat;
}

.phonebutton_join {
display:block;
width:394px;
text-align:center;
border:none;
margin-top:12px;
height:72px;
background:url(images/startbtn_join.png) bottom center no-repeat;
}

.phonebutton_join a:link, .phonebutton_join a:visited {
display:block;
width:394px;
text-decoration:none;
text-align:center;
border:none;
height:72px;
background:url(images/startbtn_join.png) bottom center no-repeat;
}

.phonebutton_home {
display:block;
width:394px;
text-align:center;
border:none;
margin-top:12px;
height:72px;
background:url(images/startbtn_home.png) bottom center no-repeat;
}

.phonebutton_home p {
text-align:left;
text-transform:uppercase;
font:Bold 1.1em/4.0em Helvetica, Arial, sans-serif;
color:#FFF;
padding:3px 0 0 190px;
}

.phonebutton_home a:link, .phonebutton_home a:visited {
width:394px;
text-align:left;
border:none;
height:72px;
color:#FFF;
}

.phonebutton_home a:hover, .phonebutton_home .selected a {
color:#990000;
text-decoration:underline;
}


/* INSIDE SECTION DIVS AND BASES: SEARCH, UPLOAD, JOIN, GENERAL
================================================================ */

#searchbase, #uploadbase, #joinbase, #genbase {
width:100%;
text-align:center;
margin-top:12px;
}
#searchbase {
background:url(images/searchbase.png) top center repeat-y;
}
#uploadbase {
background:url(images/uploadbase.png) top center repeat-y;
}
#joinbase {
background:url(images/joinbase.png) top center repeat-y;
}
#genbase {
background:url(images/genericbase.png) top center repeat-y;
}

#search_top, #upload_top, #join_top, #gen_top {
width:100%;
height:19px;
}
#search_top {
background:url(images/searchbase_top.png) top center no-repeat;
}
#upload_top {
background:url(images/uploadbase_top.png) top center no-repeat;
}
#join_top {
background:url(images/joinbase_top.png) top center no-repeat;
}
#gen_top {
background:url(images/genericbase_top.png) top center no-repeat;
}

#search_bottom, #upload_bottom, #join_bottom, #gen_bottom {
width:100%;
height:19px;
}
#search_bottom {
background:url(images/searchbase_bottom.png) bottom center no-repeat;
}
#upload_bottom {
background:url(images/uploadbase_bottom.png) bottom center no-repeat;
}
#join_bottom {
background:url(images/joinbase_bottom.png) bottom center no-repeat;
}
#gen_bottom {
background:url(images/genericbase_bottom.png) bottom center no-repeat;
}

#searchbase p, #uploadbase p, #joinbase p, #genbase p {
text-align:left;
font-size:0.95em;
/*line-height:1.4em; */
padding:0 18px 13px 20px;
color:#FFF;
}

#searchbase h3, #uploadbase h3, #joinbase h3, #genbase h3 {
text-align:left;
font-size:0.85em;
line-height:1.4em;
padding:6px 18px 10px 20px;
color:#FFFF00;
}

#genbase p, #genbase h3 {
color:#000; !important
}

#genbase h2 {
text-align:left;
padding:0px 18px 5px 20px;
color:#003366;
font-size:1.4em;
}

/* FORMS
========== */

form {
  width:394px;
  text-align:left;
}

/* fieldset styling 
fieldset {
  margin:0px 0px 12px 0px;
  padding: 2em 1em;
 border : 1px solid #798FC4; 
  background:#EBEBEB;
}*/

/* style for  labels */
label {
  display: block;
  font-family:Helvetica, Arial, sans-serif;
  padding-bottom:3px;
}

/* style for required labels */
label .required {
  font-size: 10px;
  color:#FF0000;
}

input {
width: 340px;
padding:5px;
font-size:14px;
color: #9C9C9C;
border:1px solid #F4F4F4;
background-color:#F4F4F4;
}

.uploadfield {
  padding:5px;
  font-size:14px;
  color: #0064B4;
  border:1px solid #F4F4F4;
  background-color:#F4F4F4;
}

input.radio {
  width: auto;
}

input.submit, input.reset {
background:transparent url(images/buttonback_form.png) no-repeat center top;
border:none;
display:inline;
font:bold 12px Helvetica, Arial,sans-serif;
line-height:22px;
height:33px;
width:174px;
}

input.submit {
color:#CC0000;
}

input.reset {
color:#0064B4;
}

/* style form elements on focus */
input:focus, textarea:focus {
  border:1px solid #000;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
width: 340px;
padding:4px;
height: 140px;
font-size:14px; 
color: #525252;
border: 1px solid #F4F4F4;
background-color:#F4F4F4;
}

/* YOUTUBE VIDEO INSERTS & OVERLAYS
==================================== */

#youtubelist{
margin:0px 20px 0px 20px;
padding:5px 5px 0px 5px;
list-style: none;
display: block;
}

#youtubelist a:hover {
border:none;
}

#youtubebox{
clear: right;
display: inline;
padding: 0;
margin: 3px;
}

#youtubethumb {
margin-bottom: 5px;
width: 80px;
height: 70px;
border: 4px solid #333;
}

#youtubecontent {
height: 342px;
width: 400px;
margin-left: -90px;
top: -125px;
position: absolute;
left:50%;
top:120px;
border:10px solid #333;
background-color:#333;
z-index:200;
font:bold 12px/15px Helvetica, Arial, sans-serif;
}

#youtubeoverlay {
background:transparent;
overflow: visible;
position: absolute;
height: 1px;
width: 100%;
top:124px;
}

/* FOR CAPTCHA IFRAME
====================== */

#captchaholder {
width:400px;
margin:0 0 15px 60px;
}
/* IMAGES
========== */

img,
img a {
border:none;
text-decoration:none;
}
