html {
	zbackground: #5A5456;
}

body {

	margin: 0;
	padding:0;
	zfont-family: Arial, Helvetica, sans-serif;
	zfont-size: 12px;
	zline-height: 1.5em;
	zcolor: #fff;
	zbackground-color: #5A5456;
	width: 100%;
	display: table;
}

/* -----------------------------------------------------------
 SURE-X Divisions definitions
-----------------------------------------------------------*/
#framed-videoman
{
    width: 954px;
    height:500px;
}


#page_container {
	width: 954px;
	margin: auto;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:5px 0 0 0;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}
/*
#header_section {

	clear: both;
	width: 100%;
	min-height: 75px;
	background: url(Sure-X/banner-filler.png) repeat;
	display: table;
}
#header_left {
	float: left;
}
#header_right {
	float: right;
	width: 573px;
	background: url(Sure-X/banner-right.png) no-repeat;
}


#main_section {
	float: left;
	width: 100%;
	background: url(Sure-X/content_bg.png) repeat;
	min-height: 542px;
    padding-left: 0px;	   
}

#leftmenu_section {
	float: left;
	width: 330px;
	margin-top: 5px;	
}

#leftmenu_top {
	float: left;
	width: 325px;
	height: 17px;
	margin-left: 2px;
	background: url(Sure-X/leftmenu_top.png) no-repeat;	
}

#leftmenu_mid {
	float: left;
	width: 315px;
	min-height: 500px;
	
	padding-left: 10px;
	text-align: justify;
	margin-left: 2px;
	background: url(Sure-X/leftmenu_mid.png) repeat-y;

}
#leftmenu_mid img {
	float: left;
	padding-right: 5px;
}

#leftmenu_mid span {
	font-weight: bold;
	color: #daea71;
}

#leftmenu_bot {
	float: left;
	width: 325px;
	height: 17px;
	margin-left: 2px;
	background: url(Sure-X/leftmenu_bot.png) no-repeat;
	
}

#rightcontent_section {
	float: left;
	margin-top: 5px;
	text-align: justify;
	width: 600px;
	min-height: 524px;
	padding: 5px 10px 5px 10px;
	background: url(images/style_rightcontent_bg.jpg);
}

#rightcontent_section img{
	float: left;
	padding-right: 10px;
}


#footer_section {
	clear: both;
	width: 100%;
	height: 56px;
	background: url(Sure-X/footer-filler.png) repeat;
}
#footer_left {
	float: left;
	background: url(Sure-X/footer-left.png) no-repeat;
}
#footer_mid {
	float: left;
}

#footer_right {
	float: right;
	background: url(Sure-X/footer-right.png) no-repeat;
}
*/
/* -----------------------------------------------------------
 END REGION ==> SURE-X Divisions definitions
-----------------------------------------------------------*/

input[readonly] {background: #E9E9E9;}

div .readonly  {background: #E9E9E9;}

/*

a:link, a:visited { color: #daea71; text-decoration: none; font-weight: bold; } 
a:active, a:hover { color: #BBBB00; text-decoration: none; font-weight: bold; }


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-position: left;
	padding: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
}


.topmenu{
	float: right;
	margin: 5px 5px 0px 0px;
}

.topmenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.topmenu li{
	display: inline;
}

.topmenu li a {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
    padding:0px 15px 0px 15px;
	height: 35px;
	padding-top: 20px;
}

.topmenu li a:hover, .topmenu li.current a:hover {
	color: #fff;
	background: url(images/style_top_current.jpg) repeat-x;
    background-color: silver;
}

.topmenu li.current a {
	color: #fff;
	background: url(images/style_top_current.jpg) repeat-x;
    background-color: rgb(200, 31, 37);
}
*/

/*
#rightcontent_section a:link, #rightcontent_section a:visited { color: #FFFF66; text-decoration: none; font-weight: bold; } 
#rightcontent_section a:active, #rightcontent_section a:hover { color: #CCFF00; text-decoration: none; font-weight: bold; }
*/


.line {
	border-bottom: dashed 1px #fff;
	width: 100%;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    /*border: 1px solid #ff0000;
    /*background-color: #ffeeee;*/
    border: 1px solid #daea71;
    background-color: #f1fbb0;
    
    
}

.validation-summary-errors
{
    /*font-weight: bold;*/
    color: #ff0000;
    
    /*color: #f1fbb0;*/
    text-align: left;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

/* Edit/New forms
----------------------------------------------------------*/
div.edit-row
{
	clear: left;
	padding: 2px 0 2px 0px;
}
div.edit-row label
{
	float: left;
	/*width: 170px;*/
	width: 30%;
	text-align: right;
	padding-top: 0.2em;
	/*color: #666666;*/
	padding-right: 5px;
}
div.edit-row input,
div.edit-row textarea
{
	border: 1px solid #CCCCCC;
	width: 200px;
	padding: 1px 1px 0 1px;
	margin-right: 3px;
  font-size: 1em;
  font-family: Verdana, Helvetica, Sans-Serif;
}

div.InputWidth input[type="text"], input[type="password"]
{
    text-align: left;
    width:200px;
}


/*tabs Network
----------------------------------------------------------*/
#tabs_section a:link, #tabs_section a:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; } 
#tabs_section a:active, #tabs_section a:hover { color: #9DAFC5; text-decoration: none; font-weight: bold; }
#tabs_section div { margin: 0; padding: 0;}

#tabs_section {
	
	width: 595px;
	margin: 0;
	padding: 0;	 
}

#tabs_section .tabs-content
{
    width:580px; 
    height:440px;  
    padding: 10px;       
    background-color: #17293D;
}

table.group-list td.option {width:200px; text-align:left;}
table.group-list td.button{ width: 370px;} 
table.group-list td.button span.button { float:left}

/*Contact and Group in NETWORK
----------------------------------------------------------*/


div.group-list
{
   width:200px; 
   height:460px;
   float: left;    
}

div.group-list ol.group-list
{
   width:178px; 
   height:400px;
   margin: 0px;
   padding: 5px; 
   list-style:none;  
   text-align:center;
    
   background:url(images/group_bg.jpg) repeat; 
   overflow:auto;
}   

div.group-contact
{
   float: left;
   width:370px; 
   height:460px;
   text-align:center;
  
}
ol.group-contact
{
    float: left;    
    width:370px; 
    height:400px;
    padding: 5px; 
    list-style:none;
          
    background:url(images/group_bg.jpg) repeat; 
    overflow:auto;
}

a.group-contact
{
    margin-left : 200px;
}

div.contact-list
{
   width:550px; 
   height:460px;
   float: left;    
}
ol.mycontacts
{
    padding-left: 20px;
    list-style:none;  
    width:550px; 
    height:400px;
    overflow:auto;
}

li.contact, li.contact-empty, li.group, li.group-empty
{
    margin:10px 20px 0px 15px;
    width :130px;
    padding: .2em;
    background:url(images/contact_button.jpg) repeat;       
    float: left;
    border:1px solid gray;
    text-align:center;   
}

li.contact-selected, li.group-selected
{
    background:url(images/contact_button_select.jpg) repeat;
}
li.contact-hover, li.group-hover
{
    background:url(images/contact_button_hover.jpg) repeat;
}


/*Contact and Group in UPLOAD
----------------------------------------------------------*/
#tabs_section_UPD a:link, #tabs_section_UPD a:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; } 
#tabs_section_UPD a:active, #tabs_section_UPD a:hover { color: #9DAFC5; text-decoration: none; font-weight: bold; }
#tabs_section_UPD div { margin: 0; padding: 0;}

#tabs_section_UPD {
	
	width: 580px;
    height:240px;  
	padding:0px;
	margin: 10px 0px 5px 0px; 
	background-color:#17293D;
}

/*
#tabs_section .tabs-content-UPD
{
    width:590px; 
    height:560px;  
    padding: 10px;       
}
*/

div.group-list-UPD
{
   width:200px; 
   height:235px;
   float: left;    
}

div.group-list-UPD h2, div.group-contact-UPD h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	margin: 0px 0px 0px 0px;
}

ol.group-list-UPD
{
   width:178px; 
   height:230px;
   margin: 5px 0px 0px 5px;
   padding: 0px; 
   list-style:none;  
   text-align:center;
  
   background:url(images/group_bg.jpg) repeat; 
   overflow:auto;
}

div.group-contact-UPD
{
   float: left;
   width:375px; 
   height:235px;
  
}
ol.group-contact-UPD
{
    float: left;    
    width:375px; 
    height:230px;
   margin: 5px 0px 0px 0px;
   padding: 0px; 
    list-style:none;      
    text-align:center;
    
    background:url(images/group_bg.jpg) repeat; 
    overflow:auto;
}

/* Attach list in UPLOAD 
----------------------------------------------------------*/
#AttachTable
{
    margin-top: 5px;
}

#AttachList
{
    width:480px;
    max-height: 60px;
    margin-left:8px;
    padding: 0px;
    overflow:auto;
}

/* Delivery list in UPLOAD 
----------------------------------------------------------*/
#DeliveryList
{
    width: 580px;
    color:Black;
    background-color: White;
}
#DeliveryList h2
{
    text-align:center;
    color:Black;
}

.editlist {list-style:none;}
 
.editlist li textarea {

    margin: 0px;
    outline: none;
    padding: 0px;
    border: 0px;
    width: 100%;
    font-size: 12px;
    resize: none;

}

/* Inbox 
----------------------------------------------------------*/

table.rightcontent_header
{
	width:600px;
	margin-bottom:5px;
}

table.rightcontent_header td.option {width:180px; text-align:left;}
table.rightcontent_header td.search {width:250px; text-align:right;}
table.rightcontent_header td.jpg {width:25px; text-align:left;}

table.rightcontent_header input[type="text"]
{
	text-align: left;
    width:240px;
}

table.InboxContent
{
    width: 600px;
    border-collapse:collapse;
    border: 1px solid #17293D;
}

table.InboxContent th 
{   padding-left: 3px;
	text-align: left;
    font-size: 12px;
    zborder:solid;
    
}

/*div.pager
{
    width: 595px;
    text-align : right;
    font-weight: bold; 
    padding-right: 5px;
    background-color:#17293D; 
}

div.pager A {color: #fff;}
div.pager A.active {text-decoration:underline;}
.page-number {cursor:pointer;}

span.page-number.active
{
    text-decoration:underline;
}*/

table.InboxContent td 
{   padding-left: 3px;
	text-align: left;
    font-size: 10px;
	color: #090909;   
    vertical-align:middle; 
    zborder:solid;
}

table.InboxContent td.date {width:75px; text-align:center;vertical-align:middle}
table.InboxContent td.titleBig {font-size:medium}
table.InboxContent td.size {width:100px;}
table.InboxContent td.icon {width:10px;vertical-align:middle} 
div.LightRed
{
    background: url(images/bullet_ball_red.png) no-repeat;
    width: 16px;
    height: 16px;
}
div.LightGreen
{
    background: url(images/bullet_ball_green.png) no-repeat;
    width: 16px;
    height: 16px;
}
div.LightYellow
{
    background: url(images/bullet_ball_yellow.png) no-repeat;
    width: 16px;
    height: 16px;
}

table.InboxContent th {background-color:#17293D; }
table.InboxContent tr.odd {background-color:#FEFEFE;}
table.InboxContent tr.even {background-color:#D5D5D5; } 
/* table.InboxContent tr.odd {background-color:#2E547B}
table.InboxContent tr.even {background-color:#2A4562} */
#player
{
    margin-top : 30px;
}

/* ContentInfo
----------------------------------------------------------*/
table.ContentInfo
{
    font-family: Arial, Helvetica, sans-serif;
    margin-top : 20px;
    margin-left: 30px;
}
table.ContentInfo th
{
    color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;  
	text-align: left;
}
table.ContentInfo td
{
    width: 150px;
    white-space: nowrap;
}

table.ContentInfo td.Center {text-align:center;}
table.ContentInfo td span{font-weight: bold;}

table.ContentInfo A {color:#090909;}

#InfoAttachList
{
    width:560px;
    max-height: 60px;
    margin-left:0px;
    padding: 0px;
    overflow:auto;
    background-color:white;
}

/* table.upload-status
----------------------------------------------------------*/

table.upload-status td.file
{
	padding-right:6px;
}

table.upload-status td.label
{
	padding-top:3px;
}
table.upload-browse td.label
{
	padding-top:3px;
}

table.upload-browse input[type="text"]
{
	text-align: left;
    width:285px;
}

table.toolbox-inbox  
{
	text-align: left;
    width:305px;
    margin-bottom:5px;
}

table.toolbox-inbox td.size72 
{
    width:82px;
}
/*
.UPD_lboxFileList
{
    float:left;
	width: 305px;
	height : 100px;
	text-align:left;
	color:Black;
    background-color: white;
}
.UPD_lboxFileList select    
{
    border: none;  
}


#fileList 
{
    float:left;
	width: 200px;
	height : 100px;
	text-align:left;
	color:Black;
    background-color: white;
}


#UPD_filenameText
{
    float:left;
	width: 305px;
	height : 20px;
	text-align:left;
	color:Black;
    background-color: white;
}

#UPD_percentText
{
    float:left;
	width: 305px;
	height : 20px;
	text-align:left;
	color:Black;
    background-color: white;
}

#UPD_messageText
{
    float:left;
	width: 305px;
	height :180px;
	text-align:left;
	color:Black;
    background-color: white;
    overflow: auto; 
    white-space: nowrap;       
}
*/
div .upload-Queue img
{
    margin-left: 80px;
}


table.upload-status .label 
{
	vertical-align: top;
	text-align: left;
}

/* table.download-status
----------------------------------------------------------*/

/*
#Download_fileList 
{
    float:left;
	width: 800px;
	height : 100px;
	text-align:left;
	color:Black;
    background-color: white;
    overflow:auto;
}


#Download_LocalFolder
{
    float:left;
    width: 285px;
	height : 20px;
	text-align:left;
	color: Black;
}
*/
#Download_filenameText
{
    float:left;
    width: 305px;
	height : 20px;
	text-align:left;
	color: Black;
}

#Download_percentText
{
    float:left;
	width: 100px;
	height : 20px;
	text-align:left;
	color: Black;
}
/*
#Download_messageText
{
    float:left;
	width: 305px;
	height :180px;
	text-align:left;
	color: Black;
    overflow: auto; 
    white-space: nowrap;     
}


.Download_lboxFileList
{
    float:left;
	width: 305px;
	height : 100px;
	text-align:left;
	background-color: white;
	color:Black;
    overflow:auto;
}
 .Download_lboxFileList select    
 {
     border: none;  
 }
 */

/* Terms of service  
----------------------------------------------------------*/
#TermsOfService {
    
	float: left;    
    width: 585px;  
	height: 125px;    
    overflow: auto;
    padding-right:5px;
    padding-left:10px;
    font-size: .75em;	
    line-height: 1em;   
    
    border-width:1px;
    border-top-color:White;
    border-top-style:solid;
    border-bottom-color:White;
    border-bottom-style:solid;
    background-color: #FFFFFF;
    color: InactiveCaptionText;
    
}

#TermsOfService a:link
{
    color: blue;
    text-decoration: underline;
}

#TermsOfService a:visited
{
    color: purple;
    text-decoration: underline;
}

#TermsOfService a:hover
{
    color: purple;
    text-decoration: none;
}

/* News
----------------------------------------------------------*/
/*div.news-video
{
    width: 360px;
    height: 240px;
    background-color: Black;
    float: left;
    margin-bottom: 8px;
}
div.no-preview
{
    font-size: large;
    color: #708090;
    margin-top: 100px;
    margin-left: 90px;
    display: none;
}
div.news-details
{
    width: 250px;
    padding-left: 12px;
    float: left;
}
div.news-detail
{
    background-color: #183C5A;
    clear: both;
    border-left: 6px solid #eb8f00;
    margin-bottom: 6px;
}
div.news-label 
{
    font-weight: bold;
    font-size: 1.12em;
    padding: 0px 4px 0px 4px;
    color: #eb8f00;
}
div.news-desc
{
    padding: 0px 4px 4px 12px;
    color: #D0D0D0;
    overflow: hidden
}
div.news-purchase
{
    clear: both;
    color: #D0D0D0;
    height: 28px;
    background-color: #183C5A;
    margin-bottom: 6px;
    border: 4px solid #eb8f00;
}
div.news-amount
{
    font-weight: bold;
    font-size: 1.4em;
    padding: 3px 6px 0px  0px;
    color: #FFFFFF;
}
.textfield
{
    border: 1px solid #d0d3d6;
    background-color: #F4FFFF; 
}*/
textarea.textfield 
{
    overflow: auto;
}
.fixed-desc
{
    margin: 0px;
    padding: 0px;
    height: 16px;
    overflow: hidden;
}
.overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}*/


/* VOD Login
----------------------------------------------------------
div.Login 
{
    margin-top : 50px;
    margin-left: 30px;
}
div.Login input[type="text"]
{
    text-align: left;
    width:300px;
}

table.Login td.label  
{
    width: 66px; 
    height: 40px;
    color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;    
	text-align: right;
	padding-right : 5px;
}
table.Login td.text { width: 200px;  }

table.Login td.validation 
{ 
    width: 350px;
    font-weight: bold;
	color: #daea71;
}
*/

/* Misc
----------------------------------------------------------*/
.overlay
{
    background-color: #183C5A;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
    position: fixed;
}

#header_left img.newsx {
    margin-top: 5px;
    margin-left: 7px;
    /*border: 3px solid #eb8f00;*/
    border: 2px solid rgb(220, 33, 41);
}

.ValidationSummary {
    display: none;
    margin: 12px 20px 20px 20px;
}

.callout {
    padding: 5px;
    border: 1px solid #7992B0;
    background-color: #8AA9B7;
}

/*.callout_main { z-index:1100;}*/

.callout.red {
    border: 1px solid #EC2828;
    background-color: #8D1010;
    color: white;
    border-radius: 6px;
    -moz-border-radius: 2px;
    -moz-box-shadow: 	2px 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 		2px 2px 2px rgba(0, 0, 0, 0.4);
}