body{
font-family:Arial, Verdana, sans-serif;
background:#000;
color:#fff;
margin:0;
}

/*LINKS*/

a{
color:#fff;
}

a:hover{
text-decoration:underline;
}

.account a
{
    font-family:Arial,sans-serif;
    color:#fff;
    font-size:12px;
    text-decoration:none;
}

.account a:hover
{
    text-decoration:underline;
}

.account a:visited
{
    color:#ccc;
}

#video-list a:link{
color:#fff;
text-decoration:none;
}

#video-list a:hover{
text-decoration:underline;
}

#video-list a:visited{
color:#fff;
}

#speed-test a:link, a:visited{
color:#900;
text-decoration:none;
}

#speed-test a:hover{
text-decoration:underline;
}

#faq a:link, a:visited{
font-weight:bold;
color:#fff;
}

#faq a:hover{
color:#900;
}

a.upgrade{
font-size:24px;
text-decoration:underline;
}

/*DIV IDS*/

#wrap{
background:#000;
width:900px;
height:100%;
margin-left:auto;
margin-right:auto;
background-image:url("../images/xtraframe_ws_wrap.gif");
background-repeat:repeat-y;
}

#top-banner{
height:139px;
width:900px;
background-image:url("../images/xtraframe_ws_top.jpg");
background-repeat:no-repeat;
}

#sidebar-left{
width:194px;
height:auto;
min-height:550px;
float:left;
background-image:url("../images/xtraframe_ws_left.gif");
background-repeat:no-repeat;
background-position:top;
}

#content{
width:487px;
height:auto;
min-height:550px; /*might change to auto*/
text-align:center;
font-size:11px;
float:left;
background-image:url("../images/xtraframe_ws_middle.gif");
background-repeat:no-repeat;
background-position:top;
}

#video-title
{
font-size:12px;
text-transform:uppercase;
background:#000;
margin-bottom:0px;
padding:10px 5px 0px 5px;
}

#player
{
margin-top:0px;
margin-bottom:10px;
}

#sidebar-right{
width:219px;
height:auto;
min-height:550px;
float:left;
background-image:url("../images/xtraframe_ws_right.gif");
background-repeat:no-repeat;
background-position:top;
}

#login{
font-size:11px;
text-align:right;
}

#video-list{
font-size:12px;
width:200px;
height:415px;
overflow-y:scroll;
overflow-x:hidden;
margin-top:10px;
border-bottom:1px #333 solid;
border-left:1px #333 solid;
background-image:url("../images/xtraframe_ws_videos.gif");
background-repeat:no-repeat;
background-position:top;
}

#footer{
width:900px;
height:40px;
clear:both;
background-image:url("../images/xtraframe_ws_bottom.gif");
background-repeat:no-repeat;
}

#top-banner-faq{
height:151px;
width:900px;
background-image:url("../images/xtraframe_ws_top-faq.jpg");
background-repeat:no-repeat;
}

#faq{
width:900px;
color:#fff;
background-image:url("../images/faq_bg.jpg");
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}

#account{
width:900px;
color:#fff;
background-image:url("../images/faq_bg.jpg");
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}

#join{
width:900px;
min-height:400px;
color:#fff;
background-image:url("../images/join_bg.jpg");
background-repeat:no-repeat;
margin-top:0px;
margin-left:auto;
margin-right:auto;
}

#join-login{
width:528px;
height:316px;
margin-left:30px;
border-top:1px #333 solid;
border-left:1px #333 solid;
background-image:url("../images/thankyou_bg.gif");
background-repeat:no-repeat;
text-align:center;
}

#legal{
width:600px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
font-size:12px;
color:#ccc;
text-align:center;
}



/*CLASSES*/
.inside{
padding:10px;
}

.inside-faq{
padding:20px 40px 20px 40px;
}

#content .inside{
color:#ccc;
}

/*classes to show and hide descriptions*/
.hide{
display: none; 
}
.show{
display: block; 
}

/*span for title of video in right side list*/
.video-thumb-title{
font-weight:bold;
}

.video-thumb-date{
font-style:italic;
}

.upgrade
{
font-size:20px;
}

/*PARAGRAPHS*/

.account{
margin:5px 0px 0px 0px;
text-align:right;
}

#speed-test{
width:180px;
font-size:12px;
text-align:center;
font-weight:bold;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}

#join-login p
{
width:400px;
text-align:right;
margin-top:0px;
margin-bottom:5px;
}

/*HEADINGS*/

/*HR*/
#video-list hr{
height:1px; 
width:160px;
background-color:#fff; 
border:0px;
}

/*LISTS*/
.nav-left{
width:180px;
padding:0;
margin:0px;
list-style-type:none;
}

.nav-left img{
border:0;
}

.nav-left li{
width:180px;
}

#video-list ul{
width:180px;
margin-left:-35px;
list-style-type:none;
}

#video-list li{
margin-top:10px;
}


/*IMAGES*/

img{
border:0;
}

/*image styling for video thumbnails in right side list*/
.video-thumb{
width:75px;
height:38px;
display:inline;
float:left;
margin:2px;
border:1px #333 solid;
}


/*FORMS*/

/*this is now styled inside the textbox elements themselves
input{
background:#ccc;
border:0;
height:12px;
width:100px;
}*/

#LoginButton, #LogoffButton, #RequestPasswordBtn{
display:inline;
background:#900;
color:#fff;
border:0;
height:auto;
width:auto;
margin-top:5px;
}

#LoginWebUserControl_userName, #LoginWebUserControl_password{
font-family:Arial, Verdana, sans-serif;
margin-bottom:2px;
}

#SubmitPasswordUpdateBtn, #SubmitAccountUpdateBtn{
margin-top:5px;
}

.label{
}

.formw{
}

#RequiredFieldValidator1, #RequiredFieldValidator2, #RequiredFieldValidator3, #RegularExpressionValidator1, #CompareValidator1
{
font-size:11px;
}

.categorybutton{
margin-top:-1px;
}