/****************************************************************/
/****************************************************************/
/*                  3burgers1bun.com Styles                     */
/****************************************************************/
/****************************************************************/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

html, body{
margin: 0px 0px 0px 0px;
height:100%;
background: #3c3c3c;
font-family:Arial, Helvetica, sans-serif;
line-height: 130%;
}

/**********************************************************************************/
/**********************************************************************************/
/*                                  Globals                                       */

a {
	text-decoration: none;
	color:  #00C4FE;
	outline: none;
}

a.vidDescLinks {
	text-decoration: none;
	color: #FFA851;
	font-size:80%;
	outline: none;
}

options {
	text-decoration: none;
	color:  #e5f023;
	outline: none;
}

input{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}

legend {
color:#ffffff;
}

.doForms td {
text-align:left;
padding:5px 5px 5px 5px;
}

/**********************************************************************************/
/**********************************************************************************/
/*                               Main Login                                       */

div.loginform {
	background:#333333;
	width:300px;
	margin:0 auto;
}

div.loginform input .input-box {
	border:1px solid #6600FF;
	color:#666666;
	width:150px;
}

div.loginform label {
	display:block;
	margin-bottom:5px;
	font-size: 90%;
	color: #FFFFFF;
}

div.loginform label span{
	display:block;
	float:left; 
	padding-right:6px;
	width:75px;
	text-align:right;
}

/**********************************************************************************/
/**********************************************************************************/
/*                               View Login                                       */


/**********************************************************************************/
/**********************************************************************************/
/*                              Display Options                                   */

.gradBack {
background:url(http://www.3burgers1bun.com/images/gradbot.jpg) repeat-x;
line-height:100px;
}

/* Rounded Corners (Options | Information) */
.vidroundcrn {
	background: url(http://www.3burgers1bun.com/images/corner-br.jpg) no-repeat top right; 
}

/* Line Seperator */
.sepLine500 {
margin-top:10px;
margin-bottom:10px;
background:url(http://www.3burgers1bun.com/images/sepLine.jpg) no-repeat;
width:500px;
height:5px;
}


img.corner {
   width: 6px;
   height: 6px;
   border: none;
   display: block !important;
}

.clear {
clear:both;
}

.clear-rnd {
background:url(http://www.3burgers1bun.com/images/cor-bl.jpg) bottom left no-repeat;
text-align:right;
clear:both;
}

.graphic {
margin: 0px;
padding: 0px;
}

/**********************************************************************************/
/**********************************************************************************/
/*                              Main Containers                                   */
#background {
background:url(http://www.3burgers1bun.com/images/back.jpg) no-repeat top left;
width:100%;
}

#container {
width:  900px;
margin: 0 auto;
}

#content {
position:relative;
width: 900px;
text-align: left;
}


/**********************************************************************************/
/**********************************************************************************/
/*                                 Browser Plugin page                            */

.browserWorkWrap {
padding-top:10px;
width:860px;
}

.browserWorkLeft {
padding-right:10px;
float:left;
width:400px;
}

.browserWorkRight {
float:right;
width:450px;
}
/**********************************************************************************/
/**********************************************************************************/
/*                                  Root Page                                     */
.loginWrap {
width:328px;
float:left;
}

.login {
background:#575556;
width:328px;
float:left;
}

.whatWrap {
width:522px;
float:right;
}

.what {
background:#575556;
width:522px;
float:left;
}

.whatMenu {
background:#333333;
width:500px;
margin:0 auto;
}

.mainSignup {
background:#333333;
width:300px;
text-align:center;
margin: 0 auto;
}

.mainUpdates {
width:300px;
text-align:left;
margin:0 auto;
}

.mainVLM {
width:433px;
margin:0 auto;
}

.mainVLMPageT {
width:250px;
text-align:left;
float:left;
border-bottom: #666666 1px solid;
padding-bottom:4px;
}

.mainVLMNavT {
width:183px;
text-align:right;
float:right;
border-bottom:#666666 1px solid;
padding-bottom:4px;
}

.mainVLMPageB {
width:250px;
text-align:left;
float:left;
border-top: #666666 1px solid;
padding-top:4px;
}

.mainVLMNavB {
width:183px;
text-align:right;
float:right;
border-top:#666666 1px solid;
padding-top:4px;
}


.mainVideoList {
background:#333333;
width:450px;
text-align:left;
margin: 0 auto;
}

.mainVideoList2 {
padding:0px 7px 0px 7px;
background:#333333;
width:436px;
text-align:left;
margin: 0 auto;
}

/**********************************************************************************/
/**********************************************************************************/
/*                                Signup Page                                     */


.signupWrap {
width:900px;
margin:0 auto;
} 

.signup {
background:#575556;
width:900px;
margin:0 auto;
} 

.signupForm {
background:#333333;
margin-right:10px;
width:500px;
float:right;
}

.signupBody {
background:#575556;
padding:0px 5px 0px 5px;
margin-left:10px;
width:350px;
float:left;
}

/**********************************************************************************/
/**********************************************************************************/
/*                          User Interface Page                                   */


.userint {
background-color:#575556;
padding: 0px 21px 0px 21px;
width:858px;
margin: 0 auto;
} 


/*        User information and location bar           */
/*****************************************************/
.userInfo {
background-color:#333333;
width:854px;
margin: 0 auto;
}

.userInfoL {
padding: 8px 10px 0px 5px;
width:575px;
float:left;
text-align:left;
}

.userInfoR {
padding: 0px 10px 0px 5px;
width:249px;
float:right;
text-align:right;
}

/*        Menu bar for View page           */
/*****************************************************/
.menubar {
background-color:#333333;
width:854px;
margin: 0 auto;
}

/*           Folder/Video/Acount Options              */
/*****************************************************/
.floatCont {
background-color:#575556;
}

.folderWrap {
background-color:#333333;
width: 250px;
text-align: left;
float:left;
}

.folderView {
padding: 0px 10px 10px 10px;
width: 230px;
text-align:left;
}


.optionsVideoWrap {
background-color:#333333;
width: 600px; 
float: right;
}

.options {
padding: 5px 15px 10px 20px;
width: 525px; 
}

.folderOpt {
width:190px;
float:left;
text-align:left;
}

.videoOpt {
width:165px;
float:left;
text-align:left;
}

.accountOpt {
width:170px;
float:left;
text-align:left;
}

/*                  Video Oputput                     */
/*****************************************************/
.videoDisp {
padding: 5px 5px 5px 15px;
width: 500px;
margin:0 auto;
}

/**********************************************************************************/
/**********************************************************************************/
/*                                   Search                                       */

.search {
background-color:#333333;
width:854px;
margin: 0 auto;
}

.searchBox {
padding:0px 10px 10px 10px;
width:780px;
margin: 0 auto;

}

.searchResults {
padding-top:15px;
background-color:#333333;
width:500px;
margin: 0 auto;
}

/**********************************************************************************/
/**********************************************************************************/
/*                                   Voyeur                                       */

.vOptions {
background-color:#333333;
width:800px;
margin: 0 auto;
}

.vSearch {
width:450px;
float:left;
text-align:left;
}

.vOr{
width:10px;
float:left;
}

.vBrowse {
width:300px;
float:right;
}

.filter {
background-color:#171717;
width: 700px;
margin:0 auto;
}

.videoOutput {
padding: 10px 5px 0px 5px;
width: 700px;
margin:0 auto;
}

/**********************************************************************************/
/**********************************************************************************/
/*                                   Foooter                                      */

.footer {
	text-align:right;
	width: 100%;
	font-size: 80%;
	color: #FFFFFF;
}


/**********************************************************************************/
/**********************************************************************************/
/*                             Error/Success Pages                                */

.errorSucWrap {
padding: 0px 0px 5px 0px;
width:700px;
margin:0 auto;
}

.errorSuc {
width:700px;
background:#333333;
border:#FFCC33 solid 2px;
margin:0 auto;
padding:10px 10px 10px 10px;
}

.errorSuclinkBack {
background: #020202;
border:#FF9933 solid 1px;
padding:0px 0px 0px 0px;
text-align:center;
width:700px;
hieght:25px;
float:right;
}

.errorMessage {
width:600px;
margin:0 auto;
}
/**********************************************************************************/
/**********************************************************************************/
/*                                 View Video                                     */

.videoWrap {
width:900px;
}

.videoArea {
background:#575556;
width:900px;
}

.savevid {
clear:both;
width:800px;
display:none;
margin:0 auto;
text-align:center;
}

.saveform {
width:500px;
margin:0 auto;
}


.vlogsignup {
width:800px;
display:none;
}

.vsignup {
width:400px;
float:right;
}

.socialLinks {
padding:2px 8px 0px 8px;
background:url(../images/socialBack.jpg) no-repeat;
width:334px;
}

div.vloginform {
	padding-left:50px;
	background:#333333;
	width:350px;
	margin:0 auto;
	float:left;
}

div.vloginform input .input-box {
	border:1px solid #6600FF;
	color:#666666;
	width:150px;
}

div.vloginform label {
	display:block;
	margin-bottom:5px;
	font-size: 90%;
	color: #FFFFFF;
}

div.vloginform label span{
	display:block;
	float:left; 
	padding-right:6px;
	width:75px;
	text-align:right;
}

/**********************************************************************************/
/**********************************************************************************/
/*                                 Save Video Plugin                              */


div.svloginform {
	background:#333333;
	width:350px;
	margin:0 auto;
	float:left;
}

div.svloginform input .input-box {
	border:1px solid #6600FF;
	color:#666666;
	width:150px;
}

div.svloginform label {
	display:block;
	margin-bottom:5px;
	font-size: 90%;
	color: #FFFFFF;
}

div.svloginform label span{
	display:block;
	float:left; 
	padding-right:6px;
	width:75px;
	text-align:right;
}


/*                    Browser Plugins */



/**********************************************************************************/
/**********************************************************************************/
/*                                 Corners                                       */

.rnd-top {
background:url(http://www.3burgers1bun.com/images/cor-tl.jpg) top left no-repeat;
text-align:right;
}

.rnd-bot {
background:url(http://www.3burgers1bun.com/images/cor-bl.jpg) bottom left no-repeat;
text-align:right;
}

.w-rnd-top {
background:url(http://www.3burgers1bun.com/images/w-cor-tl.jpg) top left no-repeat;
text-align:right;
}

.w-rnd-bot {
background:url(http://www.3burgers1bun.com/images/w-cor-bl.jpg) bottom left no-repeat;
text-align:right;
}


/**********************************************************************************/
/**********************************************************************************/
/*                                    Fonts                                       */

.cpFont {
	font-size: 90%;
	color: #FFFFFF;
}

.cpFontSmall {
	font-size: 80%;
	color: #FFFFFF;
}

.cpFontLarge {
	font-size: 100%;
	color: #FFFFFF;
}

.cpFontSubHeader {
	font-size: 130%;
	color: #FFFFFF;
}
.cpFontBold {
	font-size: 90%;
	font-weight:600;
	color: #FFFFFF;
}

.cpFontGreen {
	font-size: 90%;
	color: #e5f023;
}

.cpFontHighlight {
	font-size: 100%;
	font-weight:600;
	color: #e5f023;
}

.cpFontHighlightOR {
	font-size: 100%;
	font-weight:600;
	color: #FFCC33;
}

.cpFontHighlightHead {
	font-size: 140%;
	font-weight:600;
	color: #e5f023;
}

.cpFontHighlightHeadOR {
	font-size: 190%;
	font-weight:600;
	color: #FF9933;
	text-decoration:underline;
}

.errorFont {
	font-size: 90%;
	color: #FFCC33;
}

.errorFontBold {
	font-size: 90%;
	color: #FFCC33;
	font-weight:600;
}

.errorFontLarge {
	font-size: 120%;
	color: #FFCC33;
}

.foldersFont {
	font-size: 90%;
	color: #FFFFFF;
}


.locBarOR {
	font-size: 80%;
	font-weight:700;
	color: #FF9933;
}

.public {
	font-size: 80%;
	color: #e5f023;
}

.private {
	font-size: 90%;
	color: #FF3300;
}
