/* 
# Sometimes I wish I was a giraffe;
# imagine being that tall
*/

/* Backgrounds */

#arrowbackgroundcontainer{
background:url(images/index/arrow-backgroundn.png) no-repeat left top;
width:897px;
clear:both;
margin:2px 0 0 10px;
float:left;
min-height:250px;

}

#arrowbackgroundcontainerbg2{
background:url(images/index/arrow-background-bottom.png) no-repeat ;
width:897px;
height:7px;
clear:both;
margin-left:9px;
}

.uploadbox{
margin-left:20px;
width:450px;
float:left;
}

#uploadtabs{
background:url(images/index/upload-box/right-corner.gif) no-repeat right 32px;
height:38px;
width:501px;
}

#fileuploadtabon a,
#remoteuploadtabon a,
#ftpuploadtabon a,
#fileuploadtaboff a,
#remoteuploadtaboff a,
#ftpuploadtaboff a
{
text-indent:-10000px;
margin:0;
padding:0;
height:38px;
float:left;
display:block;
}

#fileuploadtabon a{
background:url(images/index/upload-box/file-upload-tab.gif);
width:126px;
}

#fileuploadtaboff a{
background:url(images/index/upload-box/file-upload-tab.gif) 0 39px;
width:126px;
}

#remoteuploadtabon a{
background:url(images/index/upload-box/remote-upload-tab.gif);
width:159px;
}

#remoteuploadtaboff a{
background:url(images/index/upload-box/remote-upload-tab.gif) 0 39px;
width:159px;
}

#ftpuploadtabon a{
background:url(images/index/upload-box/ftp-upload-tab.gif);
width:126px;
}

#ftpuploadtaboff a{
background:url(images/index/upload-box/ftp-upload-tab.gif) 0 39px;
width:126px;
}

.uploadboxcontents{
float:left;	
border-left:1px solid #d6e5ef;
border-right:1px solid #d6e5ef;
width:479px;
padding:0 10px 10px 10px;
}

.uploadboxcontents h4{
font-weight:normal;
margin:0;
font-size:14px;
color:#007098;
}

.uploadboxcontents li{
margin:7px 0 7px 0;
}

#advancedoptions{
background: url(images/index/upload-box/advanced-settings-icon.png) no-repeat left;
padding-left:20px;
color:#007098;
font-weight:bold;
text-decoration:none;
}

#uploadboxleft{
width:270px;
float:left;
}

#uploadbutton{
float:left;
margin:16px 0 0 28px;
}

.bottomborder{
background:url(images/index/upload-box/bottom-border.gif) no-repeat bottom;
height:6px;
width:501px;
float:left;
}

.uploadbox textarea{
width:461px;
background:#fcfeff;
border-left:1px solid #cddeea;
border-right:1px solid #cddeea;
border-top:1px solid #cddeea;
border-bottom:0;
margin-top:10px;
font-size:10px;
font-family:arial;
padding:5px;
color:#007098;
}

.agebox{
background:url(images/index/upload-box/18plus.png) no-repeat;
height:26px;
width:473px;
padding:3px 0 3px 6px;
}

.renamemargin{
margin-left:63px	
}

#uploadbuttonsmall{
float:left;
margin-right:10px;
}

#remoteinfo{
margin:0;
padding:0;
float:right;
width:310px;
}

#remoteinfo li{
margin:0;
padding:0 0 0 17px;
font-size:12px;
color:#007098;
background:url(images/bullet.gif) no-repeat left;
}

#dottedborder{
background:url(images/dotted-border-horiz.gif) repeat-x;
height:1px;
float:left;width:480px;
margin:10px 0 10px 0
}

#rslink{
background:url(images/index/upload-box/rs-icon.gif) no-repeat left;
float:left;
padding-left:20px;
width:500px;
}

.httplink{
background:url(images/index/upload-box/left-arrow.png) no-repeat left;
float:left;
padding-left:20px;
width:500px;
}

.rsinput{
background:#fcfeff;
border:1px solid #cddeea;
width:90px;
height:17px;
margin:0 5px 0 5px;
font-size:10px;
padding-left:5px
}

.linkresults{
margin-left:10px;
}

.linkresults li{
margin:5px 0 5px 0;
padding:0 0 0 20px;
background:url(images/bullet.gif) no-repeat left;
}

.errorboxred{
background:url(images/index/upload-box/errorbox.png) no-repeat;
width:454px;
height:34px;
padding:7px 5px 5px 9px;
margin:10px 0 0 5px;
}

.errorboxred strong{
color:red;
}

.errortime{
background:url(images/index/upload-box/shadow.png) no-repeat bottom;
font-size:26px;
color:#70a21a;
margin:10px;
text-align:center;
width:458px;
padding-bottom:30px;
}

.waitingtimelist{
width:300px;
float:left;
}

.waitingtimelist li{
margin:0;
padding:0;
color:#007098;
padding:0 0 0 20px;
background:url(images/bullet.gif) no-repeat left;
}

.renameinput{
background:#fcfeff;
border:1px solid #cddeea;
width:400px;
margin:5px 0 5px 0;
height:18px;
padding:2px;
}

/* Headers */

#mainpagetitle{
background:url(images/index/gazup-upload-header-text.png) no-repeat 5px top;
width:871px;
height:45px;
text-indent:-10000px;
margin:28px 0 21px 0;
float:left;
}

h2#choosehostsheader{
background:url(images/index/choose-hosts.png) no-repeat;
text-indent:-10000px;
clear:both;
margin:0 0 5px 0;
}

h2#choosefileheader{
background:url(images/index/choose-file.png) no-repeat;
text-indent:-10000px;
clear:both;
margin:0 0 5px 0;
}

h2#fileuploading{
background:url(images/index/file-uploading.png) no-repeat;
text-indent:-10000px;
clear:both;
margin:0 0 5px 0;
}

#arrowbackgroundcontainer h3{
color:#007098;
margin:0 0 10px 0;
font-weight:normal;
font-size:14px;
}

/* Select hosts */

#choosehosts{
width:370px;
float:left;
margin-left:10px;
}

#choosehosts li input{
margin-bottom:1px;
}

#choosehosts li{
padding:2px 2px 2px 0;
color:#007098;
font-weight:bold;
}

#choosehosts li em{
font-weight:normal;
color:#656464;
font-style:normal;
}

#choosehosts ul{
width:180px;
float:left;
}

/* Choose file */

#choosefile{
float:left;
width:307px;
margin-left:30px;
}

#choosefile li{
padding-top:5px;
}

#choosefile li input{
margin-bottom:1px;
}

/* Progress bar */

#progressbar{
background:url(images/index/progress-bar-bg.png) no-repeat;
width:474px;
height:39px;
padding-left:7px;
margin-top:16px
}

#progressbarrepeat{
background:url(images/index/progress-bar-repeat.png) repeat-x 0 3px;
height:16px;
width:1%; /* THIS SHOULD BE DYNAMIC */
max-width:455px;
padding:12px 0 12px 6px;
color:#fff;
font-weight:bold;
font-size:16px;
}

#uploadstats{
color:#007098;
margin:10px 0 0 5px;
}

#uploadstats em{
color:#eaeaea;
}

/* 3 boxes */

#threeboxes{
background:url(images/index/3-boxes.png) no-repeat;
width:854px;
height:246px;
float:left;
margin-top:15px;
padding:33px 34px 0 34px;
color:#007098;
font-size:14px;
clear:both;
}

.genericbox{
width:256px;
float:left;
margin-right:43px;
}

#threeboxes #genericboxhack{
margin-right:0px;
}

.genericbox h2{
text-indent:-10000px;
margin:0 0 10px 0;
}

#howitworks{
background:url(images/index/how-it-works.png) no-repeat;
display:block;
width:257px;
height:14px;
}

.genericbox ol{
padding:0;
margin:0;
list-style:none;
}

.genericbox ol li{
padding:0 0 15px 50px;
line-height:21px;
}

.genericbox #step1{
background:url(images/index/how-it-works-1.png) no-repeat;
}

.genericbox #step2{
background:url(images/index/how-it-works-2.png) no-repeat;
}

.genericbox p{
margin:0 0 15px 0;
}

.genericbox img{
margin-bottom:10px;
}

.genericbox #step3{
background:url(images/index/how-it-works-3.png) no-repeat;
}

#members{
background:url(images/index/members-header-text.png) no-repeat;
display:block;
width:256px;
height:17px;
}

#memberscp{
background:url(images/index/members-header-text-cp.png) no-repeat;
display:block;
width:256px;
height:17px;
}

ul#memberinfo{
margin:0 0 0 10px;
padding:0;
}

ul#memberinfo li{
background:url(images/index/bullet.gif) no-repeat left 4px;
padding:0 0 7px 15px;
}

#screenshots{
background:url(images/index/video-screenshots.png) no-repeat;
display:block;
width:254px;
height:17px;
}

/* footer */

#footer{
float:left;
}

#footer ul{
float:left;
margin:0 20px 40px 15px;
}

#footer li{
padding:3px 0 0 0;
}

#footer h4{
margin:0;
color:#007098;
font-size:14px;
}

#footer a:link, #footer a:visited{
color:#4a4a4a;
font-weight:normal;
}

#mirrorcount{
font-size:36px;
color:#cbcbcb;
float:right;margin:0;
background:url(images/index/footer-logo.png) no-repeat right;
padding:20px 90px 20px 0;
}

#copyright{

width:908px;
clear:both;
text-align:right;
color:#838383;
border-top:1px solid #ebebeb;
}

#copyright p{
margin:10px 0 10px 0;

}

#footer a:link, #footer a:visited{
color:#4a4a4a;
font-weight:normal;
}

.genericbulletlist{
margin:10px 0 0 10px;
}

.genericbulletlist li{
background:url(images/bullet.gif) no-repeat left 2px;
padding:0px 5px 0px 20px;
}

.genericbulletlist li em{color:#858585;}