/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */
body
{
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background: #232323;
}
table
    {
    border-collapse: collapse;
}

#container_header
{
	width: 900px;		/* Width*/
	margin-left: 4%;	/* Align*/
	margin-right: 4%;
	background-image:url(header_contaneer.JPG);
	position:absolute;
	height:100px;
}

.container_16
{
	width: 900px;		/* Width*/
	margin-left: 6%;	/* Align*/`
	margin-right: 4%;
	position:relative;
}

/* anchors
----------------------------------------------- */
a {
	color: #FFFF00;			/*Link Color*/
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color: #FF0000;			/*Link Hover Color*/
}

h2 {line-height:10px; margin-bottom:.3em;} /*Link Heading Size*/


/* boxes
----------------------------------------------- */
.box {
	background-image:url(bg_down_bar.JPG);
	background-repeat:repeat;
	background-color:#0066CC; 	/*Down Box Color*/ 
	margin-bottom:-3px;			/*Down Box HEIGHT*/ 
	padding:10px 10px 3px 10px;	/*Down Box Size*/
	/*height:50px;				/*Down Box height*/
	position: relative;
}
.box h2 {
	font-size:1em;				/*Up Box Font Size*/
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;			/*Up Box Font Position*/
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	background-image:url(bg_upper_bar.JPG);
	background-color:#999999;
	display:block;
	padding:0px 1px;			/*Up Box Heading Position*/
	margin:-6px -12px;			/*Up Box Heading Position*/
	border:none;
}

.block {
	padding-top:0px;			/*Down Box Size*/
}



/*---------------------------- DIV ARROW SETTINGS -----------------*/	

#img_arrow_up{
	position:absolute;
	left:50px;
	top:8px;
	width:38px;
	z-index:200;
}

#img_arrow_down{
	position:absolute;
	left:50px;
	top:8px;
	width:38px;
	z-index:201;
}

/*------------------ NEWS SLUG START ------------------------*/
#slug{
	position:absolute;
	left:45px;
	top:15px;
	width:100%px;
	z-index:202;
	font-size:1em;				/*Up Box Font Size*/
	font-weight:normal;
	text-transform:uppercase;
	color: #FF0000;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;			/*Up Box Font Position*/
	overflow:hidden;			
}
#slug a,
#slug a.visible {
	color:#fff;
	display:block;
	padding:0px 1px;			/*Up Box Heading Position*/
	margin:-6px -12px;			/*Up Box Heading Position*/
	border:none;
	overflow:hidden;
}
/*------------------ NEWS SLUG START ------------------------*/


#img_footage1{
	position:absolute;
	left:50px;
	top:23px;
	width:0px;
	z-index:205;
}
/*------------------ SEGMENT VO START ------------------------*/
#img_segment{
	position:absolute;
	left:320px;
	top:15px;
	width:0px;
	z-index:205;
}
#img_segment_data{
	position:absolute;
	left:340px;
	top:5px;
	width:10px;
	z-index:205;
	font-size:10px;				/*Up Box Font Size*/
	text-transform:uppercase;
	color:#FF0000;
	}
#img_segment_data a,
#img_segment_data a.visible {
	color:#FFFF00;
	
}
/*------------------ SEGMENT VO END ------------------------*/

/*------------------ SEGMENT VO CLOCK------------------------*/
#img_clock{
	position:absolute;
	left:380px;
	top:14px;
	width:0px;
	z-index:205;
}
#img_clock_data{
	position:absolute;
	left:395px;
	top:5px;
	width:15px;
	z-index:205;
	font-size:10px;				/*Up Box Font Size*/
	text-transform:uppercase;
	color: #FFFF00;
	
}
#img_clock_data a,
#img_clock_data a.visible {
	color:#FFFF00;
	
}
/*------------------ SEGMENT CLOCK END ------------------------*/

/*------------------ FOOTAGE START ------------------------*/

#img_footage{
	position:absolute;
	left:445px;
	top:15px;
	width:0px;
	z-index:205;
}
#img_footage_data{
	position:absolute;
	left:460px;
	top:5px;
	width:10px;
	z-index:205;
	font-size:10px;				/*Up Box Font Size*/
	text-transform:uppercase;
	color:#FF0000;
	}
#img_footage_data a,
#img_footage_data a.visible {
	color:#FFFF00;
	
}
/*------------------ FOOTAGE END ------------------------*/


/*------------------ MOS STATUS START ------------------------*/

#styled-select-mos select{
   position:absolute;
   left:500px;
   top:3px;
   width: 80px;
   height: 18px;
   border:1px;
   border-radius: 5px;
   overflow: hidden;
   background:no-repeat scroll right center #FF0000;
   /*background:url(arrow_down.jpg) no-repeat scroll right center #FF0000; */
   
   /*-webkit-appearance: none; */
}
/*------------------ MOS STATUS END ------------------------*/

/*------------------ PRIORITY START ------------------------*/

#img_priority{
	position:absolute;
	left:600px;
	top:14px;
	width:0px;
	z-index:205;
}
#img_priority_data{
	position:absolute;
	left:610px;
	top:5px;
	width:10px;
	z-index:205;
	font-size:10px;				/*Up Box Font Size*/
	text-transform:uppercase;
	color:#FF0000;
	}
#img_priority_data a,
#img_priority_data a.visible {
	color:#FFFF00;
	
}
/*------------------ PRIORITY END ------------------------*/



/*------------------ BUTTON APPROVE  ------------------------*/
#img_approve{
	position:absolute;
	left:675px;
	top:14px;
	width:0px;
	height:15px;
	z-index:230;
}
/*------------------ BUTTON APPROVE END ------------------------*/

/*------------------ FLOAT/ UN-FLOAT START ------------------------*/

#styled-select-float select{
   position:absolute;
   left:715px;
   top:4px;
   width: 80px;
   height: 18px;
   border:1px;
   border-radius: 5px;
   overflow: hidden;
   background:no-repeat scroll right center #FF0000;
   /*background:url(arrow_down.jpg) no-repeat scroll right center #FF0000; */
   
   /*-webkit-appearance: none; */
}/*------------------ FLOAT/ UN-FLOAT END ------------------------*/

/*------------------ BUTTON UPDATE START ------------------------*/

#img_button_update{
	position:absolute;
	left:815px;
	top:11px;
	width:26px;
	height:15px;
	z-index:220;
}

/*------------------ BUTTON UPDATE END ------------------------*/

#select{
border:0px;
background:transparent;
-webkit-appearance: none;
}



/*--------- DIV TOC---VERTICAL NAVIGATION MENUE-- START --------*/

.toc {
    background-color:#000000;
    bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    width: 100%;
    z-index: 999;

	
}

.tocInner {
    padding: 3px;
}
.tocDiv {
    background-color: #333333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    bottom: 42px;
    position: fixed;
    width: 200px;
	
}
.tocDiv ul {
    margin: 0;
    padding: 0;
}
.tocDiv li {
    list-style: none outside none;
    padding: 2px 0;
    width: 100%;
}
.tocDiv a {
    color: #CCCCCC;
    display: block;
    font-size: 11px;
    padding-left: 5px;
    text-decoration: none;
    width: 100%;
}
.tocDiv a:hover {
    text-decoration: underline;
}
#tocButton {

    color:#00CC00;
}
/*--------- DIV TOC---VERTICAL NAVIGATION MENUE-- END --------*/


/*******************BUTTONS*****************************/
#input {
   
    /*background: #ffc;*/
}
.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    background-image:url(images/button_main.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	color:#FFFFFF;
	height:24px;
	width:107px;
    float:right;
	/*padding-right:50px;*/
	margin-left:50px;
}
.button_cancle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    background-image:url(images/button_main.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	color:#FFFFFF;
	height:24px;
	width:107px;
    float:right;
	/*padding-right:50px;*/
	margin-left:50px;
}

.button_scriptone {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    background-image:url(images/scripttime.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	color:#FFFFFF;
	height:24px;
	width:109px;
    float:left;
	color:#FFFF00;
	/*padding-right:50px;*/
	margin-left:50px;
}