/* styles.css */

/*------------------------------------------------------------------
Project:		ShareItVideo.com
-------------------------------------------------------------------*/

/* --------- Login Form Styles --------- */
#login {width: 500px; height: 100%; margin-left: auto; margin-right: auto; }
#loginError { text-align: center;}
#loginError .errorText { font-weight: bold; color: red; }
#loginInstructions {width: 500px; margin-top: 200px; margin-left: auto; margin-right: auto; margin-bottom: 30px; text-align: center;}
#loginFields {width: 200px; margin-left: auto; margin-right: auto; }
.loginField {width: 200px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 5px; }
#loginSubmit {width: 100px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 30px;}


body {font-family:Helvetica,Arial,sans-serif;}
h1 {font-size:18pt;}
h2 {font-size:9pt; text-transform:uppercase; font-weight:bold;}
h3 {font-size:7pt; text-transform:uppercase; font-weight:bold;}
label {color:#797979; font-size:9pt; font-weight:bold; display:block; float:left;}
select {width:120px;}
textarea {width:294px; height:57px; border:#DEDEDE solid 1px; font-family:Helvetica,Arial,sans-serif; font-size:7pt;}
a:hover {text-decoration:none;}
.container {width:640px; margin:0 auto; position:relative;}
.errorText { font-weight: bold; color: red; }

/* --------- Header Styles --------- */

.header {text-align:center; margin:30px 0 10px; line-height:25px;}


/* --------- Main Section Styles --------- */

#videoPlayer {height:376px; margin-bottom:10px; overflow: hidden;/*display:none;*/}

.emailStatus { color: red; font-weight: bold; }

/*.popupContainer {height:352px; margin-top: 22px; margin-bottom:10px; position:relative; display:table; position:static; clear:none;}*/
.popupContainer {height:352px; top: 150px; margin-left: auto; margin-right: auto; position:absolute; display:none;}
.popupContainer div {position:absolute; top:50%;}
.popupContainer>div {display:table-cell; vertical-align:middle; position:static; width:640px;}
.popupContainer div div {position:relative; top:-50%;}
.popup {width:338px; height:220px; margin:0 auto; border:#7A7A7A solid 6px; background:#FFFFFF;}
.pHeader {height:19px; line-height:20px; font-size:9pt; color:#797979; background:#D6D6D6; border-bottom:#C2C2C2 solid 1px; text-align:center; top:0px !important;}

.pContent {padding:20px; list-style:none; color:#797979; font-size:9pt;}
.pContent li{height:25px; line-height:25px;}
.pContent a{color:#797979; font-size:9pt;}
p.pContent {padding-bottom:0; line-height:20px;}
input#email {height:18px; padding:1px 2px; font-size:8pt; color:#000000; margin-left:8px; width:180px;}
li.center {text-align:center; margin-top:15px;}

a.closeButton {position:absolute; right:0px; top:0px; width:13px; height:13px; background:url(/images/close.png) no-repeat; text-indent:-999em;}
label.width1 {width:130px;}
label.width2 {width:230px;}

div#embedPopup, div#iphonePopup {display:none;}

/* --------- Link Bar Styles --------- */

.linkBar {width:640px; height:63px; position:relative;}
.msgContainer {position:absolute; height:100%; width: 320px; left: 157px; display:table;}
.msgContainer div {position:absolute; top:50%;}
.msgContainer>div {display:table-cell; vertical-align:middle; position:static;}
.msgContainer div div {position:relative; top:-50%;}
#message {width: 308px; padding:0 9px; font-size:13pt; text-align:center; line-height:22px;}

a.button {display:block; width:46px; height:46px; text-indent:-999em; z-index: 5}
a.b1 {float:left; margin:9px 3px 0 9px; background-position:0 0;}
a.b2 {float:left; margin:9px 3px 0 0; background-position:0 0;}
a.b3 {float:left; margin:9px 3px 0 0; background-position:0 0;}
a.b4 {float:right; margin:9px 3px 0 0; background-position:0 0;}
a.b5 {float:right; margin:9px 3px 0 0; background-position:0 0;}
a.b6 {float:right; margin:9px 9px 0 0; background-position:0 0;}
a.b1:hover, a.b2:hover, a.b3:hover, a.b4:hover, a.b5:hover, a.b6:hover {background-position:0 -46px;}

/* ----------- ShareThis overrides ---------------- */
span#sharethis_0 {
	display: none;
}

/* --------- Footer Styles --------- */

.footer {text-align:center; margin:30px 0;}
a.userLink {border:none; display:block; margin-top:5px; font-size:11pt;}


body.newest{
	background: url(../images/topgrad.png) #000 repeat-x;
}

body.newest .header *{
	font-family: "Century Gothic";
	font-weight:normal;
}

body.newest .header h1{
	font-size:2.3em;
	color:#cbcbcb;
	margin-bottom: 6px;
}

body.newest .header h2{
	font-size:14px;
	color:#7e7e7e;
}

body.newest #videoPlayer{
	margin-top:80px;
}