body 
{
	font-size:12px;
	font-family:Verdana;
	color:#676767;
	background-color:#FFF;
	margin: 0;
	padding-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	height:auto;
	width:100%;
	
}



select 
{
    color:#606061;
    font-size:11px;
    /*height:19px;*/
    margin-top:2px;
    border: 1px solid #676767;
}


.TopNavpath 
{
	font-size:10px;
	font-family:Arial;
	color:#cfcfcf;   
}

.TopNavlinkbutton
{
	font-size:10px;
	font-family:Arial;
	color:#44a0e1;   
}

.TopNavLoggerName
{
	font-size:25px;
	font-family:Arial;
	color:#515152;   
}

.TopNavRadioButtons
{
	font-size:11px;
	font-family:Arial;
	color:#ffffff;
	padding-left:15px;
	padding-right:15px;
	padding-top:18px;
}

.TdMusicMixes
{
	width:266px;
	height:32px;
	font-family:Arial;
	font-size:14pt; 
	color:#ffffff;
}

.TabsActive
{
	font-family:Gotham(Book);
	font-size:12pt; 
	color:#323232;
}

.TabsInActive
{
	font-family:Gotham(Book);
	font-size:11pt; 
	color:#e1e1e1;
}

.ProgrAmscheduling
{
	font-family:Arial;
	font-size:18pt; 
	color:#ffffff;
}

.DateTimeInProgrAmschedule
{
	font-family:Arial;
	font-size:11pt; 
	color:#ffffff;
}

.NameOfTheme
{
	font-family:Arial;
	font-size:12pt; 
	color:#ffffff;
}

.NameOfHeadOfMixes
{
	font-family:Arial;
	font-size:11pt; 
	color:#7a6b5a;	
}

.NameOfMixes
{
	font-family:Arial;
	font-size:11pt; 
	color:#7a6b5a;	
}

.TimeLineNo
{
	font-family:Gotham(Book);
	font-size:14pt; 
	color:#ffffff;		
}

.TimeLineMixes
{
	font-family:Arial;
	font-size:11pt; 
	color:#424242;	
}

#topNav 
{
    height: 18px;
    color: #cfcfcf;
    background: url(../../common/images/topnav_bg.gif);
    padding: 6px 15px 0 15px;
}

#topNav a 
{
    color: #cfcfcf;
    text-decoration: none;
}

#breadcrumbs 
{
    float: left;

}

#userNav 
{
   text-align: right;
}

#userNav img 
{
   margin: -1px 8px;
}

#userNav .highlight 
{
    color: #44a0e1;
}


#divInfo .highlight 
{
    color: #cfcfcf;
}

.adminBanner 
{
    height: 80px;
    background: #000 url(../../common/images/banner_bg.gif) repeat-x right;
    clear: both;
}

.adminBannerText
{
    font: normal 20pt Arial;
    color: #44a0e1;    
    margin: 0;
    padding: 0;
    padding-top: 27px;
}

.content 
{
   /*background: #9d9fa2 repeat-x;
   background: #0F1B32 repeat-x;*/    
   background: #0E121F url(../../common/images/lowerbody.gif) repeat-x;    
   padding-top: 11px;
   height:auto;
   width:100%;
   overflow-x:hidden;
}

.companyNameHeader 
{
    /*color: #44a0e1;*/
    color:#FFFFFF;
    font-size: 25px;
    display: block;
    float: left;
    padding-top: 30px;
}

h2 
{
    color: #fff;
    margin-top: 0;
    font-size: 14pt;
    margin-left: 26px;
}

#footer {
	clear: both;
	margin-bottom:0px;
	background:black;
}

.footerBgGray 
{
    height: 35px;
}

#footerLinks
{
	font-size: 10px;
	background: #000000;
	color: #777879;
	height: 40px;
	padding-top: 12px;
	white-space: nowrap;
	padding-left: 50px;
}

#footerLinks a
{
	font-size:12px;
    color: #777879;
	text-decoration: none;
	text-align:center;
	display: block;
	float:left;
	padding: 0 10px;
	border: right: height: 9px;
	border-right: 1px solid #3a3a3a;
}

#footerLinks span
{
	font-size:12px;
    color: #777879;
	text-decoration: none;
	text-align:center;
	display: block;
	float:left;
	padding: 0 10px;
}

#footerLinks a:hover
{
	color: #fff;
	text-decoration: underline;
}

.lowerbody 
{
    /*background: #bcbcbc;*/    
    background: #0E121F url(../../common/images/lowerbody.gif) repeat-x;    
    /*padding: 16px 15px 18px 15px;*/
    
}

.lowerbody2 
{
    background: #bcbcbc;
    padding: 16px 10px 18px 10px;
    
}

.lowerbody3 
{
    background: #efefef;
    padding: 16px 10px 18px 10px;
    min-height:250px;
    border:1px solid #999999;
    color:#333333;
    
}
 
.lowerbody3 h2
{
   
    color:#333333;
    
}


* html .lowerbody3
{
   
    height:250px;
    
}

/* VAR pages  */

.panel 
{

    background: #f0f0f1  url(../../common/images/panel_header1.gif) no-repeat top left;
    margin-bottom: 24px;

}

.panelmid 
{

    background: #f0f0f1  url(../../common/images/panel_header2.gif) repeat-x   center;
    margin-bottom: 24px;

}

.panel h2 
{
   /* background:  url(../../common/images/panel_header_right_corner.gif) no-repeat right;*/
    height: 20px;
    padding: 4px 0 0 15px;
    margin: 0;
    font-size: 11pt;
}

.panel h3 
{
    font-size: 10pt;
    font-weight: bold;
    margin: 0;
    padding: 0;
	padding-top: 15px;
    padding-bottom: 3px;
}

.panel .grid 
{
    width: 100%;
}

.panel .buttons 
{
    /*background: url(../../common/images/buttons_bg.gif) no-repeat;*/
    height: 31px;
    padding-left: 4px;
}

.panel .buttons div:first-child
{
    padding-top: 5px;
    height: 26px;
    /*background: url(../../common/images/buttons_bg_right.gif) no-repeat bottom right ;*/
}

.panelText 
{
    padding: 5px 0 4px 4px;
}

.panelText .button 
{
    padding: 10px 0;
}

.colOne
{
    margin-top: 26px;
    height: 439px;
     /*   float: left; */ 
    margin-left: 20px;
}

.colTwo 
{

    margin-top: 26px;
    height: 439px;
 /*   float: left; */
    margin-left: 20px;
}

.colThree 
{
   /*   float: left; */
    margin-top: 26px;
    height: 439px;
    margin-left: 20px;
}



#varColOne 
{
    margin-top: 26px;
    height: 439px;
    float: left; 
    width: 30%;
    margin-left: 20px;
}

#varColTwo 
{
    margin-top: 26px;
    height: 439px;
    float: left; 
    margin-left: 20px;
    width: 32%;
}

#varColThree 
{
    float: left;
    margin-top: 26px;
    height: 439px;
    margin-left: 18px;
    width: 29% !important;width: 27%;
}

#varAccounts {
	height: 387px;
	overflow-y: auto;
	overflow-x: auto;	
}


.bottomButtons 
{
    text-align: right;
    z-index: 7;
    position:absolute;
    right: 100px;    
    left : 100px;
    padding-top: 10px;
}
.bottomButtonslocation 
{
    text-align: left;
    z-index: 7;
	position:absolute;
    left: 100px;    
    padding-top: 10px;
}


.grid 
{
    border: 0;
}

.grid th 
{
	background: #636466;
    color: #fff;
    text-align: left;
    height: 18px;
    border-bottom: 1px solid #c6c8ca;
    border-right: 1px solid #c6c8ca;
    padding-left: 4px;
    border-top: 0;
    border-left: 0;
}

.grid td 
{
    border-right: 1px solid #c6c8ca;
    padding-left: 4px;
}

.grid a 
{
    font-family: MS Sans Serif, Arial, Verdana;
    font-size:14px;
    color: #3399CC;
    text-decoration: none;
}
.grid a:hover
{
    color:#336699;
    text-decoration: none;
}

.grid .lastCol 
{
    border-right: none;
}

.gridRow
{
	color: #4A3C8C;  
    background: #fff;
}

.gridRowAlt
{
	color: #4A3C8C;  
    background: #e6e7e7;
}

th.headerFirstCol 
{
    background-image: url(../../common/images/grid_header_left.gif);
    background-repeat: no-repeat;
    padding-left: 9px;
}

th.headerLastCol 
{
    background: #636466 url(../../common/images/grid_header_right.gif) no-repeat right top;
    padding-right: 9px;
    border-right: none;
}

#divCSUserList 
{
    max-height: 325px;
    overflow:auto;
    min-height: 150px;
}

.searchBar 
{
    background: #f0f0f1;
    border: 1px solid #999999;
    margin-bottom: 17px;
    color: #000;
    font-size:10px;
    padding-top: 5px;
    padding-left: 10px;   
}

.customizationPalleteBar 
{
    background: #f0f0f1;
    border: 1px solid #999999;
    margin-bottom: 17px;
    color: #000;
    font-size:10px;
    padding-top: 5px;
    padding-left: 5px;
}

.searchBar input 
{
    
    float: left;
    margin-right: 15px;
    margin-left: 5px;
   
    
}


.searchBar img 
{
    
    height:auto;
    width:auto;
    
}

.searchBar select 
{
    color:#606061;
    font-size:12px;
    height:21px;
    float: left;
    margin-right: 15px;
    margin-left: 5px;
	margin-top:1px;
    border: 1px solid #676767;
}

.searchBar label 
{
    color:#606061;
    font-size:12px;
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    text-align:right;
}

.searchBar td 
{
    color:#606061;
    font-size:12px;
    margin-right: 10px;
    padding-top: 5px;
    text-align:right;
}

.searchBar .buttons 
{
    text-align: right;
    margin-left: 0;
    padding-right: 10px;
   
    
    
}

.searchBar .buttons input 
{
    float: none;
    display: inline;
    margin-right: 0;
    height:auto;
}


.searchBarAlt 
{
    background: #f0f0f1;
    border: 1px solid #c6c8ca;
    margin-bottom: 17px;
    color: #000;
    font-size:10px;
    padding-top: 5px;
    padding-left: 10px;
}

.searchBarAlt input 
{
    
   
    margin-right: 2px;
    
    
}

.searchBarAlt label 
{
   
    
    margin-left: 5px;
    margin-right: 4px;
    padding-top: 5px;
}

.searchBarAlt .buttons 
{
    text-align: right;
    margin-left: 0;
    padding-right: 15px;
      
}

.searchBarAlt .buttons input 
{
    float: none;
    display: inline;
    margin-right: 0;
}
.tabs 
{
    height: 29px;
    padding-left: 18px;    
    background: url(../../common/images/tabs_bg.gif) repeat-x bottom;
}

.modalPopup img 
{
    border:solid 5px #fff;
    background-color:#fff;
}

.modalPopup-text 
{
    display:block;
    color:#000;
    background-color:#fff;
    text-align:left;
    border:solid 1px #666666;
    padding:8px;   
}

.scrollock
{
	overflow-x:hidden;
	
}

.tl
{
	text-align:left;
}

.tr
{
	text-align:right;
}
.StepTitle
{
	font-family: Trebuchet Ms,arial,helvetica;
    font-weight:bold;
    font-size:14px;
    font-size-adjust: none; 
    font-stretch: normal;
    font-variant:normal;
    text-indent: 0.1cm;
    letter-spacing:1.1px;
    color:#01A0D6;
    border-bottom: 2px solid #efefef;
    margin-left:10px; 
    margin-right:10px; 
}


.StepTitle .subhline
{
	font-family: verdana;
    font-weight:normal;
    font-size:11px;
    color:#999999;
    font-style:italic;
    margin-left:4px;
    letter-spacing:normal;
}

 .leftitem
{
 float:left;
 text-align:right;
 margin: 0pt 0pt 0pt 0pt;
 padding:0pt 0pt 0pt 0pt;
 width:35%;
 white-space:nowrap;
 
}


 .rightitem
{
 
 float:right;
 text-align:left;
 margin: 0pt 0pt 0pt 0pt;
 padding:0pt 0pt 0pt 0pt;
 width:62%;
 
}

.bottomButtons .leftitem
{
 float:left;
 text-align:right;
 margin: 0pt 0pt 0pt 0pt;
 padding:0pt 0pt 0pt 0pt;
 width:25%;
 white-space:nowrap;
 
}

.bottomButtons .rightitem
{
 
 float:right;
 text-align:left;
 margin: 0pt 0pt 0pt 0pt;
 padding:0pt 0pt 0pt 0pt;
 width:72%;
 
}

.helplnk
{   font-family:Verdana;
	font-size:11px;
	padding-left:5px;
	color:#fff;
}

.helplnk a
{   
	color:#DFC30D;
	font-size:10px;
	text-decoration:none;
	margin-right:4px;
	
}
.helplnk a:hover
{
	background-color:#666666;
	color:#fff;
	text-decoration:none;
}

.rdbttn
{
	margin-left:5px;
	
}

.serviceinfo
{
	background-color:#F0F0F1;
	font-family: Verdana, Trebuchet MS,arial;
	font-size:10px;
	color:#666666;
	padding-bottom:4px;
	line-height: 16px;
		
}

.serviceinfo .titletxt
{
	font-family: Verdana, Trebuchet MS,arial;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	font-variant:normal;
	margin-top: 8px;
	
}

.serviceinfo .bline
{
	border-bottom: 1px solid #CCCCCC;
	clear:left;
	margin-bottom:5px;
	margin-top:5px;
}

.serviceinfo a{
color:#3399CC;
text-decoration:none;
font-size:10px;
}

.serviceinfo a:hover
{
	color:#3399CC;
   text-decoration:underline;
}

.modalbackHack
{
	position:fixed !important;position:absolute;
	/*top: -900px !important;top: 0px;
	left: 150px !important;left:0px;
	overflow-x:hidden !important;*/
	
}

.Tleft
{
	text-align:left;
}

.gridlblP
{
	font-family:Verdana ;font-size:8pt;
	font-weight:bold;
	display:block;
	background:#636466;
	height:18px;
	
}

.gridlbl
{


/*border-color:-moz-use-text-color #C6C8CA rgb(198, 200, 202) -moz-use-text-color;*/
border-right:2px solid #C6C8CA;
color:#FFFFFF;
text-align:left;
}

.marginBottom
{
	margin-bottom:0px;
}