/* 
    Document   : default
    Created on : Jun 14, 2010, 9:14:47 AM
    Author     : Erwin
    Description:
        Purpose of the stylesheet follows.

*/
root { 
    display: block;
}

body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#323232;
   /* background-color:#ececec; */
    
}

#main_top_head{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background-image: url(../images/main/header_tile.gif);
    background-position: top center;
    background-repeat:repeat-x;
}

#main_top_head2{
    margin:0;
    padding:0;
    width:100%;
    height:140px;
    background-image: url(../images/main/header_tile.gif);
    background-position: top center;
    background-repeat:repeat-x;
}

div {
    width:996px;
    margin-left: auto;
    margin-right: auto;
}

span.infoText{
    position:relative;
    top:5px;left:0;
    font-size:11px;
    color:#fff;
}



#headerBack{
    width:100%;
/*    min-width:996px; */
    min-height:446px;
    float: left;
    clear: both;
    background:url(../images/main/header_back.jpg) top center no-repeat;
}

#headerBack2{
    width:100%;
    min-width:996px;
    height:140px;
    float: left;
    clear: both;
    background:url(../images/main/header_back.jpg) top center no-repeat;
}

#loginButton {
    width:996px;
    height: 50px;
    margin:10px 0 0 0;
    text-align: right;
    float: right;
    position:relative;
}

#loginButton span {
    position:relative;
    padding:0 3px 0 3px;
    height:auto;
    font-size:11px;
    color:#fff;
    font-family: verdana, futura, arial, myriad;
    font-weight: bolder;
    font-size:small;
    vertical-align:top;
}

#logoContent {
    border: 0;
    position:relative;
    width:996px;
    height:50px;
    float:inherit;
/*    background: url(../images/main/logo.png) top left no-repeat; */
    vertical-align: top;
    float: right;

}

#logo {
   display:block;

}
#navigation{
    width:738px;
    height:48px;
    background:url(../images/main/navigation_bar.gif) top left no-repeat;
}

#navigation ul{
    margin:0;
    padding:0;
    list-style-type:none;
}

#navigation ul li{
    display:block;
    float:left;
}

#navigation ul li a{
    padding: 15px 6px 3px 6px;
    vertical-align: middle;
    height:42px;
    font-size:12px;
    background:url(../images/main/navigation_divider.gif) top right no-repeat;
    display:block;
    text-decoration: none;
    color:#fff;
}

#navigation ul li a.nodivider{
    background:none;
}

#navigation ul li a:hover{
    color:#3f9efe;
    text-decoration:none;
}

#itemsContent {
    width: 621px;
    position: absolute;
    clear: left;
    float: left;
    background:url(../images/main/hl_grey_dbl.gif) bottom left no-repeat;
}

#sideContent {
    width: 306px;
    position:inherit;
    float: right;
}

#sideContent h1{
    font: bolder 1.2em verdana ;
}
#sideContent h2{
    font: bolder .8em verdana;
}
#sideContent h3{
    font: .6em verdana;
}
#sideContent h4{
    font: .4em verdana;
}
#sideContent h5{
    font: .2em verdana;
}

#sideContent p{
    font: .6em verdana;
    padding-bottom: 5px;
}

div#search{
    padding:7px 7px 0 7px;
    float:none;

}

#search div#searchField{
    padding:0 6px 0 0;
    width:236px;
    height:34px;
    background:url(../images/main/navigation_search_field.gif) top left no-repeat;
    float:none;

}

/*#search div#searchField input{
    margin:0;
    font-size: 10px;
    padding:8px;
    width:220px;
    height:18px;
    border:0;
    background:none;
    background:url('../images/main/search1.png') no-repeat;
    background-position:center;
    padding-left:8px;

}*/
#search div#searchField input{
    margin:0;
    font-size: 10px;
    padding:8px;
    width:235px;
    height:32px;
    border: none;
    background:none;
    background:url('../images/main/search1.png') no-repeat;
    background-position:center;
    padding-left:8px;
    outline: none;
}

#search div#searchSubmit{
    clear: right;
    float:none;
}

#search #searchSubmit a#searchSubmitBtn{
    display:block;
    width:36px;
    height:34px;
    background-image:url(../images/main/navigation_search_submit.gif);
    background-position:top left;
    background-repeat:no-repeat;
}

div#search div#searchSubmit a#searchSubmitBtn:hover{
    background-position:bottom left;
    float:right;
    clear:right;
}

#tblHeader {
    margin: 0;
    font-size: .6em;
    color: #ffffff;
    float: right;
}

#tblHeader table {
    width:100%;
    margin-left: auto;
    margin-right: auto;

}

#tblHeader tr {
    margin: 0;
    padding: 2px;
    vertical-align: middle;
}
/*
 div#flashHome{
    margin: 0;
    width: 960px;
    height: 349px;
    background-image: url(../images/main/flash_home.jpg);
}
*/
div#flashHome{
    margin:0;
    padding:0;
    width:960px;
    height:348px;
    position:relative;
    top:0;
    left:0;
    background:url(../images/main/flash_home.jpg) top left no-repeat;
}

dvi#flashHomeHolder{
    width:960px;
    position:relative;
    margin: 0;
    
}

div#flashHomeText{
    position:relative;
    top:152px;
    left:40px;
    width:783px;
    height:152px;
    color:#fff;
    font-size:11px;
}

div#flashHomeText a{
    color:#1184f7;
    text-decoration:underline;
}

div#flashHomeText a:hover{
    color:#65b2ff;
    text-decoration:underline;
}

div#flashVirtPhone{
    width:280px;
    padding-right:69px;
    height:1px;
    position:relative;
    float:left;
}

div#flashVirtPhone img{
    position:absolute;
    z-index:2;
    top:0;
    left:0;
}

div#flashHomeTextContent{
    padding:13px 17px;
    width:369px;
    float:left;
}

div#flashHomeText h3{
    margin:0;
    padding:0 0 2px 0;
    font-size:12px;
    font-weight:bold;
}

div#flashHomeText ul{
    margin:0;
    padding:0 0 0 15px;
}

div#flashHomeText ul li{
    margin:8px 0 0 0;
    padding:0;
}
/*
div#startChannelButton{
    position:absolute;
    top:26px;
    left:634px;
}
*/
div#startChannelButton a#startChannelLink{
    position:absolute;
    display:block;
    width:292px;
    height:53px;
    top:26px;
    left:634px;
    background-image:url(../images/main/btn_startbroadcasters.gif);
    background-position:top left;
    background-repeat:no-repeat;
}

div#startChannelButton a#startChannelLink:hover{
    background-position:bottom left;
    
}

/*
div#startViewerButton{
    position:absolute;
    top:85px;
    left:634px;
}
*/
div#startViewerButton a#startViewerLink{
    display:block;
    width:292px;
    height:53px;
    top:84px;
    left:634px;
    position: absolute;
    background-image:url(../images/main/btn_startviewers.gif);
    background-position:top right;
    background-repeat:no-repeat;
}

div#startViewerButton a#startViewerLink:hover{
    background-position:bottom left;
}

/* ------------------------------ */
/* ---- footer area --------- */
div#footer{
    clear: both;
    float: left;
    position: inherit;
    width:100%;
    background:#ececec;
    color:#666;
    line-height:18px;
    width: 100%;
}

div#footer div#footerArea{
    margin:0 auto;
    width:966px;
    vertical-align: bottom;
    height: Auto;
}

div#footer div#footerContent{
    padding:24px 36px;
}

div#footer a{
    color:#666;
}

div.footerNav{
    width:150px;
    font-size:11px;
    float:left;
}

div.footerNav ul{
    margin:0;
    padding:0;
    list-style-type:none;
}

div.footerNav ul li{
    margin:0;
    padding:0;
}

div.footerInfo{
    font-size:10px;
    float:right;
}

div#main{
    width:100%;
    background-color:#fff;
}

div.videoListHeadingDouble{
    position:absolute;
    padding:0 17px 0 0;
    width: 720px;
    background:url(../images/main/hl_grey_dbl.gif) bottom left no-repeat;

}

div.videoListHeading{
    width: 330px;
    height: 25px;
    position:inherit;
    padding:0 17px 0 0;
    background:url(../images/main/hl_grey_dbl.gif) bottom left repeat-x;
    clear: left;
    float: left;
}
div.videoList{
    margin: 15px 0 0 0;
    position:absolute;
    padding:0 17px 0 0;
}
div.videoListTitle{
    float:left;
}

div.videoListTitle h1{
    width:220px;
    height: 20px;
    font-family: arial narrow, futura, myriad;
    font-size: 1.0em;
}

div.videoListSeeMore{
    position:absolute;
    width: 300px;
    font-size:11px;
    float:left;
}

div.videoListSeeMorePad{
    position: absolute;
    width:inherit;
    padding:4px 0 0 0;
    font-size:11px;
    clear:both;
    float:right;
}

h1.ft-museo{
    margin:0;
    padding:0 0 10px 0;
    font-size:20px;
}

div.ft-museo{
    margin:0;
    padding:0;
    font-size:24px;
}

div.ft-museowhite{
    font-size:28px;
    color:#fff;
}

div.ft-museolite{
    font-size:12px;
    font-weight:bold;
    color:#666;
}

div.ft-museolitebk{
    font-size:12px;
    font-weight:bold;
    color:#000;
}

div.ft-museoliteblue{
    font-size:12px;
    font-weight:bold;
    color:#124d9c;
}

div.listArrow2{
    text-align: right;
    clear: left;
    float: right;
    padding-right:8px;
    background:url(../images/main/li_arrow.gif) center right no-repeat;
}

div.listArrow2 a{
    text-decoration:underline;
}

div.listArrow2 a:hover{
    text-decoration:none;
}

/* ----- video thumbs -------- */
div.videoList{
    position:relative;
    height: 100px;
    width: 720px;
}

div.videoListColumn{
    padding:0 10px 0 0;
    width:340px;
    float:left;

  /*  -webkit-border-radius: 10px; */
/*    clear: both;*/

}

div.videoListColumn2{
    padding:0 10px 0 0;
    width:340px;
    float:right;

}

div.vertical_border {
    width: 1px;
/*    height:950px;*/
    height: 600px;
    float: left;
    position: inherit;
    background-color: gray;
}

div.videoListColumnDouble{
    width:710px;
    float:left;
    clear: both;
}

div.videoListing{
    position:relative;
    float:right;
    padding:5px 0 0 0;
    width:302px;
/*    border: 1px solid #000000;*/
}

div.videoListing ul{
    margin:0;
    padding:0;
    list-style-type:none;
    width: 302px;
}

div.videoListing ul li{
    margin:0;
    padding:0 0 20px 0;
    min-height:160px;
}

div.videoListing ul li.high{
/*    min-height:200px;*/
    min-height: 80px;
}

div.listContent{
    margin-top:30px;
}

div.videoThumbBorder{
    border:1px solid #d1d1d1;
    background-color:#fff;
    padding:4px;width:120px;
    height:80px;
}

div.videoThumb{
    position:relative;
}

div.videoListing ul li div.videoThumb{
    width:130px;
    float:left;
}

div.videoThumb div.videoDuration{
    position:absolute;
    top:68px;
    left:5px;
    width:120px;
    height:13px;
}

div.videoThumb div.videoDurationText{
    position:absolute;
    width: 30px;
    padding:2px;
    font-size:10px;
    color:#fff;
    background:#000;
    clear:right;
    float:right;
}

div.videoListing ul li div.videoInfo{
    padding:0 0 0 12px;
    width:160px;float:left;
}

div.videoListing ul li div.videoTitle{
    color:#0666c7;
    font-weight:bold;
    padding:0 0 2px 0;
}

div.videoTitle a{
    font-size: 13px;
}
table.brownGrid div.videoTitle{
    padding:0 0 10px 0;
    font-weight:bold;
    font-size:13px;
}

div.videoListing ul li div.videoCategory{
    font-size:11px;
    color:#666;
    font-weight:bold;
    padding:0 0 2px 0;
}

div.videoListing ul li div.videoViews{
    font-size:11px;
    color:#666;
    padding:0 0 2px 0;
}

div.videoListing ul li div.videoAddToFav{
    padding:0 0 4px 0;
}

div.videoListing ul li div.videoMakePrimary{
    padding:0 0 4px 0;
}

div.videoListing ul li div.videoOwner{
    font-size:11px;
    padding:0 0 8px 0;
}

div.videoListing ul li div.videoNumber{
    padding:5px 0 0 0;
    width:129px;
    height:25px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    background:url(../images/main/back_dial.gif) top left no-repeat;
}

div.videoListing ul li span.videoNumberExt{
    font-size:12px;
}

div.videoListing ul li div.videoSchedule{
    padding:0 0 2px 0;
}

div.videoListing ul li div.videoScheduleLabel{
    font-weight:bold;
    font-size:11px;
}

div.videoListing ul li div.videoScheduleTime{
    font-size:10px;
    padding:0 0 4px 0;
}

div.videoListing ul li div.videoScheduleZone{
    font-size:10px;
    font-weight:bold;
}

div.videoRelatedTitle{
    padding:14px 0 0 0;
}

/* ################### */
#content{
    margin: 0;
    width: auto;
    height: auto;
    color: black;
/*    background-color: white;*/

}

#list_categories{
    margin: 0;
    padding: .2em .02em;
    width: 241px;
    background-color: gray;
    text-decoration:none;
}

#list_categories a{
    font-style:inherit;
    font-size: 1.8em;
    font-family: Myriad, Arial, Verdana;
    color: white;
    text-decoration:none;
}

#list_categories a:hover{
    text-decoration: underline;
}

#coltab{
    margin: 0;
    width:230px;
    margin:0;
    float:left;
}

#mainContent{
    margin: 0;
    width: 750px;
    float:right;
    vertical-align: top;
    text-decoration: none;
    color: #3A3745;
}

#mainContent h1{
    font-size: 2.5em;
}

#mainContent a{
    color: #452DAD;
    text-decoration: none;
}

#mainContent a:hover{
    color: #5778BA;
    text-decoration: none;
}

#clear_both{
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}

#video_details {
    width: 400px;
    float: left;
}

#video_details p {
    font-size: 2em;
}

.hl_break{
    margin: 0;
    background:url(../images/main/hl_grey_long.gif) top left no-repeat;
}

.box_icon {
        margin-top: 3px;
        margin-left: 3px;
        margin-right: 3px;
	padding: 0 1em;
	margin-right: 3px;
        margin-bottom: 1em;
        position: relative;
	border: 1px solid #ababab;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 0em;
        text-align: center;
        width: 150px;
        float: left;
}

#vid_content {
    width: 300px;
    font-family: myriad, verdana;
    font-size: 1em;
}

#vid_content table, td {
    font-size: 1.2em;
    width: 200px;
}

#box_content {
        margin-top: 1px;
        margin-left: 1px;
        margin-right: 1px;
	padding: 5px;
	margin-right: 1px;
        margin-bottom: 1px;
        position: relative;
	border: 1px solid #ababab;
	padding: 0 0em;
        width: 350px;
        float: left;
        background-color: #F2F2D8;

}
#box_content p{
    margin: 20px;
    padding: 0;
    font-size: 1.5em;
}

.box_vidnumber {
        margin-top: 3px;
        margin-left: 3px;
        margin-right: 3px;
	padding: .3em .3em;
	margin-right: 3px;
        margin-bottom: 1em;
        position: relative;
	border: 1px solid #ababab;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        text-align: center;
        width: auto;
        background-color: #000000;
        color: #ffffff;
        font-size: 4em;
        height: 50px;
        vertical-align: middle;
}

/* -------------------- */
/* ---- about css ----- */

#about_css{
    margin: 0;
    width:720px;
}

#about_css h1{
    font-size: 3em;
    font-family: arial narrow, myriad, verdana;
}

#about_css h2 {
    font-size: 1.8em;
    font-family: arial narrow, myriad, verdana;
    color: #666666;
}
#about_css p, span {
    font-size: 1.4em;
    font-family: myriad, verdana;
    padding: 2px;
    line-height: 125%;
}

/* ------------------------ */
/* ----------- login ------ */

#login_css{
    margin: 0;
    width:653px;
    clear: left;
}

#login_css h1{
    font-size: 3em;
    font-family: arial, myriad, verdana;
    color: #000000;
}

#login_css h2 {
    font-size: 1.8em;
    font-family: arial, myriad, verdana;
    color: #666666;
}
#login_css p, span {
    font-size: 1.4em;
    font-family: myriad, verdana;
    padding: 2px;
    line-height: 125%;
}

#login_left {
    margin: 0;
    width: 250px;
    color: black;
    clear: right;
    float: left;

}

#login_left h1 {
    font-size: 2.4em;
    font-family: arial, myriad, verdana;
    color: #000006;
}

#login_left p, span {
    font-size: 1.4em;
    font-family: myriad, verdana;
    padding: 2px;
    line-height: 125%;
}


/******************************************* FORMS **********************************************/

/******** add erwin *******************/

#new_reg_form {
	padding: 24px;
	border: 1px solid #e9e5cf;
	background: #fcf8e1;
        width: 550px;
}

#new_reg_form div.formField
{
    margin: 8px 20px 0 0;
    width: 400px;
}

#new_reg_form div.inputLabelLarge
{
    	padding: 8px 20px 0 0;
	width: 167px;
	float: left;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}

#new_reg_form div.inputLabel
{
    	padding: 8px 20px 0 0;
	width: 167px;
	float: left;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
}

#new_reg_form .mandatory {
	color: #de0023;
}

#new_reg_form span.help {
	display: block;
	font-size: 11px;
	font-weight: normal;
}

#new_reg_form div.inputField input.textLarge {
	padding: 8px 0;
	width: 332px;
	font-size: 18px;
	border: 1px solid #d8d7dd;
}

#new_reg_form div.formField {
	padding: 0 0 12px 0;
}

#new_reg_form div.inputField input.text {
	padding: 8px 0;
        width: 332px;
	border: 1px solid #d8d7dd;
}

#new_reg_form div.inputField .FormCaptcha {
	padding: 2px 0;
        width: 150px;
	border: 1px solid #d8d7dd;
}

#new_reg_form div.inputField div.noinput {
	padding: 2px 0 0 0;
}

#new_reg_form div.inputField div.optionsField {
        font-size: 11px;
}

#new_reg_form div.inputField div.pad {
	padding: 4px 0 0 0;
}

#new_reg_form div.inputField span {
	display: block;
	font-size: 12px;
	font-weight: normal;
        float: left;
}

#new_reg_form span.help {
	display: block;
	font-size: 10px;
	font-weight: normal;
        float: right;
}

#new_reg_form div.inputHelp {
	padding: 2px 0 0 10px;
	width: 102px;
	font-size: 11px;
	float: left;
}

#new_reg_form div.inputHelpLarge {
	padding: 12px 0 0 10px;
	width: 102px;
	font-size: 11px;
	float: left;
}

#new_reg_form div.inputError {
	font-size: 11px;
	color: #c70606;
}

#new_reg_form div.inputField small {
        margin: 180px;
        width: 50px;
	font-size: 10px;
	color: #666666;
        position: inherit;
        
}

#new_reg_form div.description {
	margin: 180px;
        width: 200px;
	font-size: 10px;
	color: #666666;
}


#new_reg_form div.inputField select {
	width: 332px;
}

#new_reg_form div.inputField textarea {
	width: 332px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #d8d7dd;
}
/******** end erwin *******************/

div#documentForm {
	padding: 24px;
	border: 1px solid #e9e5cf;
	background: #fcf8e1;
        width: 653px;
}

div#documentForm div.formError {
	padding: 0 0 20px 0;
	color: #de0023;
}

div#documentForm div.formField {
	padding: 0 0 8px 0;
}

div#documentForm div.formFieldCenter {
	text-align: center;
}

div#documentForm div.formFieldCenterEnd {
	padding: 20px 0 0 0;
	background: url(..public/images/main/hr_dashed_horz.gif) top left repeat-x;
	text-align: center;
}

/* INPUT FIELD */

div#documentForm div.inputLabel {
	padding: 2px 20px 0 0;
	width: 167px;
	text-align: right;

}

div#documentForm.narrow div.inputLabel {
	width: 147px;
        float: right;
}


div#documentForm div.inputLabelLarge {
	padding: 8px 20px 0 0;
	width: 167px;
	float: left;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}

div#documentForm.narrow div.inputLabelLarge {
	width: 147px;
}

div#documentForm .mandatory {
	color: #de0023;
}

div#documentForm span.help {
	display: block;
	font-size: 11px;
	font-weight: normal;
}

div#documentForm div.inputField {
	width: 234px;
	float: left;
}

div#documentForm.narrow div.inputField {
	width: 234px;
}

div#documentForm div.textField {
	position: relative;
	top: 2px;
	left: 0px;
}

div#documentForm div.inputHelp {
	padding: 2px 0 0 10px;
	width: 102px;
	font-size: 11px;
	float: left;
}

div#documentForm div.inputHelpLarge {
	padding: 12px 0 0 10px;
	width: 102px;
	font-size: 11px;
	float: left;
}

div#documentForm div.inputError {
	font-size: 11px;
	color: #c70606;
}

div#documentForm div.inputField div.noinput {
	padding: 2px 0 0 0;
}

div#documentForm div.inputField div.optionsField {
	font-size: 11px;
}

div#documentForm div.inputField div.pad {
	padding: 4px 0 0 0;
}

div#documentForm div.inputField input.text {
	width: 332px;
	border: 1px solid #d8d7dd;
}

div#documentForm.narrow div.inputField input.text {
	width: 232px;
}

div#documentForm span.inputInfo {
	font-size: 11px;
}

div#documentForm div.formDesc {
	font-size: 11px;
	padding: 0 0 18px 0;
}

/*
div#documentForm div.inputField input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
*/
div#documentForm div.inputDescription {
	padding: 0 0 8px 0;
	font-size: 10px;
}

div#documentForm div.inputField input.textLarge {
	padding: 8px 0;
	width: 332px;
	font-size: 16px;
	border: 1px solid #d8d7dd;
}

div#documentForm.narrow div.inputField input.textLarge {
	width: 232px;
}

div#documentForm div.inputField input.date {
	width: 84px;
	border: 1px solid #d8d7dd;
}

div#documentForm div.inputField input.datetime {
	width: 160px;
	border: 1px solid #d8d7dd;
}

div#documentForm div.inputField img.calendar {
	cursor: pointer;
	position: relative;
	top: 4px;
	left: 0;
}

div#documentForm div.inputField select {
	width: 332px;
}

div#documentForm.narrow div.inputField select {
	width: 232px;
}

div#documentForm div.inputField textarea {
	width: 332px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #d8d7dd;
}

div#documentForm div.inputField textarea.medium {
	height: 100px;
}

div#documentForm div.inputField textarea.large {
	height: 200px;
}

/* Phone Number */
div#documentForm div.inputField div.inputLabelCountryCode {
	width: 10px;
	float: left;
}

div#documentForm div.inputField div.inputFieldCountryCode {
	width: 52px;
	float: left;
}

div#documentForm div.inputField div.inputFieldCountryCode input.text {
	width: 50px;
}

div#documentForm div.inputField div.inputLabelPhone {
	width: 10px;
	float: left;
}

div#documentForm div.inputField div.inputFieldPhone {
	width: 262px;
	float: left;
}

div#documentForm div.inputField div.inputFieldPhone input.text {
	width: 260px;
}

/* State Postcode */
div#documentForm div.inputField div.inputLabelState {
	width: 162px;
	float: left;
}

div#documentForm div.inputField div.inputLabelState select {
	width: 160px;
}

div#documentForm div.inputField div.inputLabelState input.text {
	width: 160px;
}

div#documentForm div.inputField div.inputLabelPC {
	padding: 4px 12px 0 0;
	width: 74px;
	float: left;
	text-align: right;
}

div#documentForm div.inputField div.inputFieldPC {
	width: 86px;
	float: left;
}

div#documentForm div.inputField div.inputFieldPC input.text {
	width: 84px;
}

div#documentForm div.inputField div.optionsHalf {
	width: 167px;
	float: left;
}

div#documentForm div.inputField div.optionField {
	padding: 0 0 6px 0;
	font-size: 11px;
}

div#documentForm div.inputField div.inputLabelCaptcha {
	width: 142px;
	float: left;
}

div#documentForm div.inputField div.inputFieldCaptchaCode {
	width: 192px;
	float: left;
}

div#documentForm div.inputField div.inputFieldCaptchaCode input.text {
	padding: 4px;
	width: 182px;
}

/* INFO */

div#documentForm div.formGap {
	height: 20px;
}

div#documentForm div.heading {
	color: #2e2e2e;
	padding: 0 0 12px 0;
}

div#documentForm div.heading h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
}

div#documentForm div.heading p {
	font-size: 12px;
	margin: 0;
	padding: 0 0 6px 0;
}

div#documentForm div.options {
	padding: 0 0 12px 0;
}

div#documentForm div.terms {
	padding: 0 0 12px 0;
	font-size: 10px;
}

div#documentForm div.buttons {
	padding: 0 0 12px 0;
}

div#documentForm div.description {
	font-size: 11px;
}

div#swfButtonHelp {
	font-size: 10px;
	padding: 0 0 4px 0;
}

/* ------------------------------------------ */
/***************************************** TAB DATA *******************************************/

div.dataColumn {
	padding: 27px 0 0 26px;
	width: 583px;
	float: left;
}

div.dataColumnShort {
	padding: 27px 0 0 26px;
	width: 463px;
	float: left;
}


div.buttonGroupShort {
	margin: 18px 0;
	width: 433px;
	height: 37px;
	padding: 15px;
	background: url(../images/main/img_btn_background_narrow.gif) top left no-repeat;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

div.buttonGroup {
	margin: 18px 0;
	width: 653px;
	height: 37px;
	padding: 15px;
	background: url(../images/main/img_btn_background.gif) top left no-repeat;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

div.buttonGroupLong {
	margin: 0;
	width: 960px;
	height: 37px;
	padding: 25px 0 15px 0;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

div.buttonGroup span {
	position: relative;
	top: -12px;
	left: 0px;
	font-size:11px;
}

div.accountNotice {
	margin: 0 0 12px 0;
	padding: 12px;
	border: 1px solid #e3e3ff;
	background: #f0f9ff;
}

table.brownGrid {
	width: 100%;
	border: 1px solid #e9e5cf;
}

table.brownGrid th {
	text-align: left;
	padding: 16px 16px;
	/*background-color: #fcf8e1;*/
	background: #fffadd;
}

table.brownGrid td {
	text-align: left;
	padding: 6px 16px;
	/*background-color: #fcf8e1;*/
	background-color: #fffadd;
	vertical-align: top;
}

table.compact th {
	padding: 8px 5px !important;
}

table.compact td {
	padding: 6px 5px !important;
}

table.pad td {
	padding: 16px;
}

table.brownGrid tr.odd td {
	/*background-color: #f2eccf;*/
	background-color: #f7efca;
}

table.brownGrid th.pic {
	width: 130px;
}

table.brownGrid th.btn {
	text-align: center;
	width: 50px;
}

table.brownGrid td.btn {
	text-align: center;
}

table.brownGrid div.videoTitle {
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 13px;
}

table.brownGrid div.videoInfo {
	line-height: 18px;
}

table.brownGrid div.videoInfoL {
	padding: 0 5px 0 0;
	width: 65px;
	font-weight: bold;
	font-size: 11px;
	float: left;
}

table.brownGrid div.videoInfoR {
	width: 125px;
	font-size: 11px;
	float: left;
}

table.brownGrid div.videoInfoC {
	width: 60px;
	font-size: 11px;
	float: left;
}

table.brownGrid a.videoInfoCEdit {
	position: relative;
	top: -4px;
}

input.smalldatetime {
	width: 116px;
	font-size: 10px;
}

#sideColumn {
    float: left;
    margin: 0;
    width: 200px;
}

#sideColumn div.SideContentText {
    font-size: 1.4em;
    width: 200px;
}

div.clear3 {
    clear: left;
}