/* myles.css is used as the style sheet for the myles application.*/

/* Classes are logically named. Classes prefaced with pXX reference a product specific class. Below is the product index
	1: displayMate
    2: signEdje
    3: edje-4111
	4: soloist-4111_hw1
	5: soloist-4111_hw2
    6: dta
    7: dpi
    8: adcode
    9: mediahub
	10: mediahub-hd
    11: SoloistHD_Pro
    12: mHUB-HD422
    13: edje-5110
    14: hdmi2qam
    15: RD-70
*/

/*
These settings hide the input of type file
behind a nice-looking image on the profile tab
*/ 
div.profilefileinputs {
   position: relative;
}

div.profilefakefile {
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 1;
}

input.profilefile {
   position: relative;
   text-align: right;
   -moz-opacity:0 ;
   filter:alpha(opacity: 0);
   opacity: 0;
   z-index: 2;
}

/* Global classes */

/* used on index.html and help.html */

a:link {
   text-decoration: underline;
   color:#000000;
   cursor: pointer;
   }
a:visited {
   text-decoration: underline;
   color:#000000;
   cursor: pointer;   
   }
a:active {
   text-decoration: underline;
   color:#000000;
   cursor: pointer;   
   }
a:hover {
   text-decoration: none;
   color: #CCCCCC;
   cursor: pointer;   
   }
   
.helpheader{
   font-family: verdana, arial, helvetica;
   font-size: 9pt;
   color:#D67013;
   }
   
.logincontainer{
   font-family: verdana, arial, helvetica;
   font-size: 9pt;
   border:0px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px; 
   background-color: #E5E5E5;  
}

/*---------------------------------------*/



 

/* main section of the application where all tab specific content is loaded. */

.colorButton
{
	 position:relative;
    border:2px solid #666;
    text-align:center;
    cursor:pointer;
    height:15px;
    width:15px
}




#main_div{
width:85%;
}

#mainContainer{
   font-family: verdana, arial, helvetica;
   font-size: 9pt;
   border:0px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px; 
   background-color:white;
}

   
 /* used to maintain consistent spacing throughout application*/
select {
   width:150px;
   }

.container{
   font-family: verdana, arial, helvetica;
   font-size: 9pt;
   border:0px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px; 
   background-color:white;
}

 
.statusHeader  {
   color:#000000;
   }
   
   
#uploadPanel {
   border: 1px solid #000000;
}


#oD  {
   text-align:left;
   width:250px;
   height:15px; 
   border:thin solid grey;
   background-color:white;
   }
   
#bD {
   width:0px; 
   height:15px; 
   background-color:#C1D9EA;
   }

#dD   {
   text-align:center;
   }

.audio2Div{
 width:125px;
}

.leftStatusPanel  { 
   background-color: #E5E5E5;
   }

.hiddenPanel {
	background-color:#f4f4f4;
	border:0px;
	width:100%;
	padding:0px;
	margins:0px;
	}

#warning  {
	float:left;
	padding-right:15px;
	}

.additionalcontainer{
   font-family: verdana, arial, helvetica;
   font-size: 9pt;
   border:0px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px; 
   background-color: #E5E5E5; 
   width: 900px; 
}

.headercontainer {
   width:250px;
   align: center;
   padding:0px;
   margin:0px;
}

.version {
   width:250px;
   font-family: verdana, arial, helvetica;
   font-size: 9pt;
   text-align:right;
   padding:0px;
      
   }

.logo {
   width:250px;
   text-align:center;
   padding-top:10px;
}

.pids {
   width:60px;
   }  
   
.inputbox {
   width:150px;
   }
   
.smallinput {
   width:40px;
   }

#statusPanel {
   min-width: 270px;
   background-color: #E5E5E5;  
   padding-top:10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 50px;
   font-size: 9pt;
   font-family: verdana, arial, helvetica;
}

table.statusPanel td{
   width:125px;
   background-color: #CECBC4;
}

#studioPanel {
   width: 575px;
   background-color: #E5E5E5;  
   padding:10px;
   font-size: 9pt;
   font-family: verdana, arial, helvetica;
}

table.studioPanel td {
   background-color: #E5E5E5;  
   font-size: 9pt;
   font-family: verdana, arial, helvetica;
   width:175px;
   padding:3px;
   
}

table.general td{
   font-family: verdana, arial, helvetica;
   font-size: 9pt;
   border:0px;
   padding: 5px;
   background-color:white;
   width:160px;
   }


table.pidtable td{
   font-family: verdana, arial, helvetica;
   font-size: 9pt;
   border:0px;
   background-color:white;
   width: 100px;
   }


.outerTable{
   background-color: #CECBC4;
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.outerStudioTable{
   background-color: #E5E5E5;
   padding: 0px;
   margin: 0px;
   border: 0px;
 
}

.outerTableblack{
   background-color: #000000;
   padding: 0px;
   margin-top: 10px;
   margin-bottom: 10px;
   border: 0px;
}

.shadow {
   max-width:25px;
   background-image: url(../images/shadow.gif);
   background-repeat: repeat-y;
   }
   
.logout{
   max-height: 30px;
   background-color: #000000;
   text-align: right;
   padding-right: 15px;
   padding-top:5px;
   padding-bottom:5px;
   margin:0px;
   color: #FFFFFF;
   border:0px;   
}

.main{
   height:900px;
   background-color:#FFFFFF;
   }

.navigationmyles{
   max-height:25px;
   background-color:#938E74;
   text-align:left;
   padding: 0px;
   border-bottom:1px #000000 solid;
}

.navigationitem{
   float:left;
   width:auto;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:14px;
   padding-right:14px;
   border-top: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;   
   background-color:#77725C;
   color:#FFFFFF; 
}

.subnavigationitem{
   float:left;
   width:auto;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:18px;
   padding-right:18px;
   border-right: 1px solid;
   border-color: #CCCCCC;
   /*background-color:#77725C;*/
   color:#FFFFFF; 
   font-family: verdana, arial, helvetica;
   font-size: 8pt;
}

.navigationlink a:link {
   text-decoration: underline;
   color:white;
   }
.navigationlink a:visited {
   text-decoration: underline;
   color:white;
   }
.navigationlink a:active {
   text-decoration: underline;
   color:white;
   }
.navigationlink a:hover {
   text-decoration: none;
   color:white;
   }

.boxtop{
   border-top: solid 1px #000000;
   }

.boxleft{
   border-left: solid 1px #000000;
   }

.boxright{
   border-right: solid 1px #000000;
   }

.boxbottom{
   border-bottom: solid 1px #000000;
   }     

.copyright{
   text-align: center;
   font-style: italic;
   padding-bottom:20px;
   background-color:#FFFFFF;
}

.leftpadding {
padding-left:10px;
   }
   
.rightpadding {
padding-right:10px;
   }

.timeclock  {
   text-align:right;
   }

.quicklink {
   text-align:right;
   height:15px;
   padding:0px;
   margin:0px;
   }

.buttonheader {
   text-align:right;
   background-color:#757264;
   }

.leftpanel  {
   background-color:#F7F7F7;
   height:500px;
   }

.rightpanel  {
   background-color:#F7F7F7;
   height:500px;
   }

.categories {
   color:#4F4F4F;
   background-color:#CCCCCC;
   padding:3px;
   }

/*---------------------------------------*/






/* List classes used for player list builder */

.listbuilder  {
   border:1px solid #000000;
   }


ul {
   padding:0px;
   margins:0px;
   }
   
li {
   list-style: inside;
   list-style-image:url("/images/list.gif");
   width: 225px;
   padding:0px;
   margins:0px;

   }

li.all {
   list-style-image:url("/images/all.gif");
   width: 225px;
   padding:0px;
   margins:0px;
   }


li.media {
   list-style-image:url("/images/media.gif");
   width: 225px;
   padding:0px;
   margins:0px;
   }


li.graphic {
   list-style-image:url("/images/photo.gif");
   width: 225px;
   padding:0px;
   margins:0px;
   }


li.dvc {
   list-style-image:url("/images/script.gif");
   width: 225px;
   padding:0px;
   margins:0px;
   }

li.trash{
	position: absolute;
	top:765px;
   list-style: none;
   text-align:right;
   width: 225px;
   padding:0px;
   padding-top:5px;
   margins:0px;
   border-top:1px solid black;

   }

#list
{
   list-style-image:url("/images/list.gif");
   }


li.over {
   list-style: inside;
   list-style-image:url("/images/listhi.gif");
   width: 225px;
   padding:0px;
   margins:0px;
   background-color:#CCCCCC;

      }
      
/*---------------------------------------*/


li.schedule {
   list-style-image:url("/images/script.gif");
   width: 225px;
   padding:0px;
   margins:0px;
   }

.schbuilder  {
   border:1px solid #000000;
   }


.schleftpanel  {
   background-color:#F4F4F4;
   height:500px;
   }


table.schModal td  {
   width:200px;
   whitespace:nowrap;
   }



/* Product 12 special fields */

.p12_statusPanel
{
   background-color: #F4F4F4;
   
}
.p12_outerTable{
   background-color: transparent;
   padding: 0px;
   margin: 0px;
   border: 0px;
}


.p12_statusHeader  {
   color:#FFFFFF;
   }
 
 .p12_navigationmyles{
   max-height:25px;
   background-color:#686868;
   text-align:left;
   padding: 0px;
}
 
 /* boxtop,left,right and bottom are custom to allow for shaded background */  
.p12_boxtop{
   border-top: solid 1px #000000;
   background-color:#F4F4F4;
   }

.p12_boxleft{
   border-left: solid 1px #000000;
   background-color:#F4F4F4;
}

.p12_boxright{
   border-right: solid 1px #000000;
   background-color:#F4F4F4;
   }

.p12_boxbottom{
   border-bottom: solid 1px #000000;
   background-color:#F4F4F4;
   }    
   
.p12_navigationitem{
   float:left;
   width:auto;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:10px;
   padding-right:10px;
   border-style: solid;
   border-width: 1px;
   border-color: #FFFFFF;
   background-color:#515177;
   color:#FFFFFF;
}
   
table.p12_statusPanel td{
   width:125px;
   background-color: #F4F4F4;
}   
   
   
/*---------------------------------------*/





.p13_navigationitem {
	
   float:left;
   width:auto;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:10px;
   padding-right:10px;
   border-style: solid;
   border-width: 1px;
   border-color: #FFFFFF;
   background-color:#336699;
   color:#FFFFFF;
}



.p15_navigationitem {
   
   float:left;
   width:auto;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:10px;
   padding-right:10px;
   border-style: solid;
   border-width: 1px;
   border-color: #FFFFFF;
   background-color:#333333;
   color:#FFFFFF;
}



/*  Slider Classes  */

.yui-skin-sam .customSlider{border:0px; outline:none; background:url(../../bg-h.gif) no-repeat 5px 0;height:30px;width:210px;}
.yui-skin-sam .studioSlider{border:0px; outline:none; background:url(../../bg-h.gif) no-repeat 5px 0;height:45px;width:490px;}/*472 + 28 = 500*/

/* Used on studio encode section of mediaHUB-HD Pro and 422 products */
#sliderbg 
{
   background:url(/images/sliderBackground.gif) 5px 0 no-repeat;
   outline:none;
   width:500px;
}


/* Used on Players for volume control */
#slidervol 
{
	background:url(/images/volSlider.gif) 5px 0 no-repeat;
   outline:none;
}

/* Class for override entries */
.yui-skin-sam .yui-dt tr.override,
.yui-skin-sam .yui-dt tr.override td.yui-dt-asc,
.yui-skin-sam .yui-dt tr.override td.yui-dt-desc,
.yui-skin-sam .yui-dt tr.override td.yui-dt-asc,
.yui-skin-sam .yui-dt tr.override td.yui-dt-desc {
    background-color: #a33;
    color: #fff;
}


/*WARNING:  The id must be in synch w/ _LOGPNLDIV variable in javascript code (see mylesUtilities.js).  If one changes, so must the other one*/
#logPnlDiv .bd {
    overflow:auto;
    background-color:fff;
    padding:10px;
    font-size:10px;
}



/* controls look and feel of upgrade table  - this will be trimmed and modified in future versions*/

.yui-dt{border-bottom:1px solid transparent;}
.yui-dt-noop{border-bottom:none;}
.yui-dt-hd{display:none;}
.yui-dt-scrollable .yui-dt-hd{display:block;}
.yui-dt-scrollable .yui-dt-bd thead tr,.yui-dt-scrollable .yui-dt-bd thead th{position:absolute;left:-1500px;}
.yui-dt-scrollable tbody{-moz-outline:none;}
.yui-dt-draggable{cursor:move;}
.yui-dt-coltarget{position:absolute;z-index:999;}
.yui-dt-hd{zoom:1;}
th.yui-dt-resizeable .yui-dt-liner{position:relative;}
.yui-dt-resizer{position:absolute;right:0;bottom:0;height:100%;cursor:e-resize;cursor:col-resize;background:url(/yui/build/assets/skins/sam/transparent.gif);}
.yui-dt-resizerproxy{visibility:hidden;position:absolute;z-index:9000;background:url(/yui/build/assets/skins/sam/transparent.gif);}
.yui-skin-sam th.yui-dt-hidden .yui-dt-liner,.yui-skin-sam td.yui-dt-hidden .yui-dt-liner{margin:0;padding:0;overflow:hidden;white-space:nowrap;}
.yui-dt-scrollable .yui-dt-bd{overflow:auto;}
.yui-dt-scrollable .yui-dt-hd{overflow:hidden;position:relative;}.yui-dt-editor{position:absolute;z-index:9000;}
.yui-skin-sam .yui-dt table{margin:0;padding:0;font-family:arial;font-size:inherit;border-collapse:separate;*border-collapse:collapse;border-spacing:0;}
.yui-skin-sam .yui-dt thead{border-spacing:0;}
.yui-skin-sam .yui-dt caption{padding-bottom:1em;text-align:left;}
.yui-skin-sam .yui-dt-hd table{border-left:1px solid #7F7F7F;border-top:1px solid #7F7F7F;border-right:1px solid #7F7F7F;}
.yui-skin-sam .yui-dt-bd table{border:1px solid #7F7F7F;}
.yui-skin-sam .yui-dt th{background:#D8D8DA url(/yui/build/assets/skins/sam/sprite.png) repeat-x 0 0;}
.yui-skin-sam .yui-dt th,.yui-skin-sam .yui-dt th a{font-weight:normal;text-decoration:none;color:#000;vertical-align:bottom;}
.yui-skin-sam .yui-dt th{margin:0;padding:0;border:none;border-right:1px solid #CECBC4;}
.yui-skin-sam .yui-dt th .yui-dt-liner{white-space:nowrap;}
.yui-skin-sam .yui-dt-liner{margin:0;padding:0;padding:4px 10px 4px 10px;}
.yui-skin-sam .yui-dt-coltarget{width:5px;background-color:red;}
.yui-skin-sam .yui-dt td{margin:0;padding:0;border:none;border-right:1px solid #CBCBCB;text-align:left;}
.yui-skin-sam .yui-dt-list td{border-right:none;}
.yui-skin-sam .yui-dt-resizer{width:6px;}
.yui-skin-sam tbody.yui-dt-msg td{border:none;}
.yui-skin-sam .yui-dt-loading{background-color:#FFF;}
.yui-skin-sam .yui-dt-empty{background-color:#FFF;}
.yui-skin-sam .yui-dt-error{background-color:#FFF;}
.yui-skin-sam .yui-dt-scrollable .yui-dt-hd table{border:0px;}
.yui-skin-sam .yui-dt-scrollable .yui-dt-bd table{border:0px;}
.yui-skin-sam .yui-dt-scrollable .yui-dt-hd{border-left:1px solid #7F7F7F;border-top:1px solid #7F7F7F;border-right:1px solid #7F7F7F;}
.yui-skin-sam .yui-dt-scrollable .yui-dt-bd{border-left:1px solid #7F7F7F;border-bottom:1px solid #7F7F7F;border-right:1px solid #7F7F7F;background-color:#FFF;}
.yui-skin-sam thead .yui-dt-sortable{cursor:pointer;}
.yui-skin-sam th.yui-dt-asc,.yui-skin-sam th.yui-dt-desc{background:url(/yui/build/assets/skins/sam/sprite.png) repeat-x 0 -100px;}
.yui-skin-sam th.yui-dt-sortable .yui-dt-label{margin-right:10px;}
.yui-skin-sam th.yui-dt-highlighted,.yui-skin-sam th.yui-dt-highlighted a{background-color:#B2D2FF;}
.yui-skin-sam tr.yui-dt-highlighted,.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc,.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc,.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted,.yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted{cursor:pointer;background-color:#B2D2FF;}
.yui-skin-sam .yui-dt-list th.yui-dt-highlighted,.yui-skin-sam .yui-dt-list th.yui-dt-highlighted a{background-color:#B2D2FF;}
.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted,.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc,.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted,.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted{cursor:pointer;background-color:#B2D2FF;}
.yui-skin-sam th.yui-dt-selected,.yui-skin-sam th.yui-dt-selected a{background-color:#446CD7;}
.yui-skin-sam tr.yui-dt-selected td,.yui-skin-sam tr.yui-dt-selected td.yui-dt-asc,.yui-skin-sam tr.yui-dt-selected td.yui-dt-desc{background-color:#426FD9;color:#FFF;}
.yui-skin-sam tr.yui-dt-even td.yui-dt-selected,.yui-skin-sam tr.yui-dt-odd td.yui-dt-selected{background-color:#446CD7;color:#FFF;}
.yui-skin-sam .yui-dt-list th.yui-dt-selected,.yui-skin-sam .yui-dt-list th.yui-dt-selected a{background-color:#446CD7;}
.yui-skin-sam .yui-dt-list tr.yui-dt-selected td,.yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-desc{background-color:#426FD9;color:#FFF;}
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-selected,.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-selected{background-color:#446CD7;color:#FFF;}
.yui-skin-sam .yui-pg-container,.yui-skin-sam .yui-dt-paginator{display:block;margin:6px 0;white-space:nowrap;}
.yui-skin-sam .yui-pg-first,.yui-skin-sam .yui-pg-last,.yui-skin-sam .yui-pg-current-page,.yui-skin-sam .yui-dt-paginator .yui-dt-first,.yui-skin-sam .yui-dt-paginator .yui-dt-last,.yui-skin-sam .yui-dt-paginator .yui-dt-selected{padding:2px 6px;}
.yui-skin-sam a.yui-pg-first,.yui-skin-sam a.yui-pg-previous,.yui-skin-sam a.yui-pg-next,.yui-skin-sam a.yui-pg-last,.yui-skin-sam a.yui-pg-page,.yui-skin-sam .yui-dt-paginator a.yui-dt-first,.yui-skin-sam .yui-dt-paginator a.yui-dt-last{text-decoration:none;}
.yui-skin-sam .yui-dt-paginator .yui-dt-previous,.yui-skin-sam .yui-dt-paginator .yui-dt-next{display:none;}.yui-skin-sam a.yui-pg-page,.yui-skin-sam a.yui-dt-page{border:1px solid #CBCBCB;padding:2px 6px;text-decoration:none;background-color:#fff}
.yui-skin-sam .yui-pg-current-page,.yui-skin-sam .yui-dt-paginator .yui-dt-selected{border:1px solid #fff;background-color:#fff;}
.yui-skin-sam .yui-pg-pages{margin-left:1ex;margin-right:1ex;}.yui-skin-sam .yui-pg-page{margin-right:1px;margin-left:1px;}
.yui-skin-sam .yui-pg-first,.yui-skin-sam .yui-pg-previous{margin-right:3px;}
.yui-skin-sam .yui-pg-next,.yui-skin-sam .yui-pg-last{margin-left:3px;}
.yui-skin-sam .yui-pg-current,.yui-skin-sam .yui-pg-rpp-options{margin-right:1em;margin-left:1em;}
.yui-dt-editable{cursor:pointer;}.yui-dt-editor{text-align:left;background-color:#CECBC4;border:1px solid #808080;padding:6px;}
.yui-dt-editor label{padding-left:4px;padding-right:6px;}
.yui-dt-editor .yui-dt-button{padding-top:6px;text-align:right;}
.yui-dt-editor .yui-dt-button button{background:url(/yui/build/assets/skins/sam/sprite.png) repeat-x 0 0;border:1px solid #999;width:4em;height:1.8em;margin-left:6px;}
.yui-dt-editor .yui-dt-button button.yui-dt-default{background:url(/yui/build/assets/skins/sam/sprite.png) repeat-x 0 -1400px;background-color:#5584E0;border:1px solid #304369;color:#FFF}
.yui-dt-editor .yui-dt-button button:hover{background:url(/yui/build/assets/skins/sam/sprite.png) repeat-x 0 -1300px;color:#000;}
.yui-dt-editor .yui-dt-button button:active{background:url(/yui/build/assets/skins/sam/sprite.png) repeat-x 0 -1700px;color:#000;}

/* custom edits */
.yui-skin-sam tr.yui-dt-even{background-color:#EFEFEF;}
.yui-skin-sam tr.yui-dt-odd{background-color:#D8D8D8;}

.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,.yui-skin-sam tr.yui-dt-even td.yui-dt-desc{background-color:#EFEFEF;}
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc{background-color:#D8D8D8;}

.yui-skin-sam .yui-dt-list tr.yui-dt-even{background-color:#EFEFEF;}
.yui-skin-sam .yui-dt-list tr.yui-dt-odd{background-color:#D8D8D8;}

.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-desc{background-color:#EFEFEF;}
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-desc{background-color:#D8D8D8;}

.yui-skin-sam th.yui-dt-asc .yui-dt-liner{background-color:#77725C;}
.yui-skin-sam th.yui-dt-desc .yui-dt-liner{background-color:#77725C;}

/*---------------------------------------*/

   
    