﻿.dgRow
{
	font-size:11px;
	font-family:Arial;
}
.cl
{
	clear:left;
}

.fl
{
	float:left;
}
.fr
{
	float:right;	
}
.frWdMargin
{
	float:right;
	padding-right:5px;	
}

.FilterTextNormal
{
    Text-Align:Right;
    Padding-Right:4px;
    font-size:10px;
}
.paddingL3 
{
	padding-left:3px;   
}
.paddingT5
{
	padding-top:5px;
}

.paddingT10
{
	padding-top:10px;
}

.marginL5
{
	margin-left:5px;
}

.ddlInputBox 
{
    font-size: 11px;    
    width:154px;
    height:20px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding:1px;
    color:#676767;
    border: 1px solid #676767;    
}

.ddlInputBox:focus
{
   border: 1px solid #000000;
}

.inputBox 
{
    font-size: 11px;
    cursor: text;
    width:150px;
    height:16px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding:1px;
    color:#676767;
    border: 1px solid #676767;
}

.inputBox:focus
{
   border: 1px solid #000000;
}

.inputBoxSmall 
{
    font-size: 11px;
    width:60px;
    margin-top: 2px;
    margin-bottom: 2px;
    color:#676767;
    border: 1px solid #676767;
}

.inputBoxLong 
{
    width:280px;
}

.lblRequiredField
{
		
    color:#AE0000; 
}

.titletxt
{
	font-weight:bold;
	font-size:14px;
	color: Black;
}

.lblText
{
	/*margin-right: 10%;*/
	color: Black;
	text-align:right;
}


.PopUpTable
{ 
	border: 1px solid Black 1px;
}
.PopUpHeader
{ 
	font: Bold 14px "@Arial Unicode MS"; 
	background-color: #EEEEEE;
	text-indent: 12px;
	color: black;
	border-bottom: 1px solid Black 1px;
	height:16px;
}
.PopUpBody
{
	background-color: White;
}
.PopUpBodySpacer
{ 
	height: 8px; 
	background-color: White;
}
.PopUpBodySpacer2
{ 
	height: 14px; 
	background-color: White;
}
.PopUpRequiredText
{ 
	font: normal 13px "@Arial Unicode MS"; 
	color: #981B1E;
	text-align: right;
	padding-right: 5px;
}
.PopUpNormalText
{
   font: normal 13px "@Arial Unicode MS"; 
	color: Black;
	text-align: right;
	padding-right: 5px;
}
.LeftPopUpButton
{
    text-align:Left;
}
.RightPopUpButton
{
    text-align:Right;
}
.RightAlign
{
    text-align:Right;
}
.LeftAlign
{
    text-align:Left;
}
.PopUpTextBox
{ 
	border: 1px solid Black; 
	width: 280px;
	
}
.PopUpButton
{
    font: normal 12px "@Arial Unicode MS"; 
}
.ValidationErrorField
{
	font: normal 16px "@Arial Unicode MS"; 
	color: #981B1E;
}
.row
{
    color: #4A3C8C;
    background-color: #E7E7FF;
    -moz-user-select: -moz-none;
}
.altrow
{
    color: #4A3C8C;        
    background-color: #F7F7F7;
    -moz-user-select: -moz-none;
}
.selectedrow, .selectedrow td, .selectedrow td a
{
    color:#606061;       
    background-color: #738A9C;
    font-weight     : normal;
    -moz-user-select: -moz-none;
    background: #ccffcc url('../../images/bar_selected.png');
}


.tableWrapper {text-align:center}
.tr0 {background-color:#ccffcc}
.tr1 {background-color:#ccffcc}
.mouseOverRow {background-color:#ccffee}
.selectedTR {background-color:#eeeeee}
.col0 {width:5%}

.errorRed
{
	color:Red;
}

.errorMessage
{
	color:#981B1E;
}

.loginText
{
	font-family: Arial;
	font-size: 11px;
	color:#0D0D0D;
}

.successMessage
{
	color:Green;
}




/* VAR pages */

.panel 
{

    background: #f0f0f1 no-repeat;
    margin-bottom: 24px;
}

.panel h2 
{
    background: no-repeat right;    
    height: 20px;
    padding: 4px 0 0 15px;
    margin: 0;
    font-size: 12pt;
}

.panel .lblAlt {
background:transparent url(../../common/images/panel_header_right_corner.gif) no-repeat scroll right center;
font-size:11pt;
height:20px;
margin:0pt;
padding:4px 0pt 0pt 15px;
color:#fff;
font-weight:bold;
}

.musicPanel
{
	background: #f0f0f1 url(../../common/images/panel_header1.gif) no-repeat top left;
    margin-bottom: 0px;

   
	
}

.musicPanel 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;
    margin-bottom:0px;
}

div.buttons 
{
    background-repeat: no-repeat;
    height: 31px;
    padding-left: 10px;
}

div.buttons div 
{
    padding-top: 5px;
    height: 26px;
    background: no-repeat bottom right ;
}

#varColOne 
{
    margin-top: 26px;
    height: 439px;
    float: left; 
    width: 260px;
    margin-left: 27px;
}

#varColTwo 
{
    margin-top: 26px;
    height: 439px;
    float: left; 
    margin-left: 27px;
    width: 374px;
}

#varColThree 
{
    float: left;
    margin-top: 26px;
    height: auto;
    min-height:490px;
    margin-left: 25px;
    /*width: 350px;*/
}



/*login*/
/*Modal Popup*/
.modalBackground {
      background-color:#000000;
      filter:alpha(opacity=65);
      opacity:0.65;
      position:absolute !important;
	  width: 100% !important;
}


.modalBackground1 {
      background-color:#000000;
     filter:alpha(opacity=65);
      opacity:0.65;
}


.bottomButtons .modalBackgroundBttn {
      background-color:#000000;
      filter:alpha(opacity=65);
      opacity:0.65;
      
     
}

.modalBackgroundAlt {
     
}

.modalPopup {
      background-color:#fff;
      border-width:1.5px;
      border-style:solid;
      border-color:#666666;
      padding:3px;
      
      
}


.modalBackHack2 {
     
      position:fixed !important;
      
}

.bottomButtons .modalPopupBttn {
      background-color:#fff;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:3px;
      width:250px;
      
     
}


.modalPopupS {
      border:1px solid #666666;
      padding:3px;
      padding-left:6px;
      padding-right:6px;
      width:210px;  
}

.headercontan, .widthcontent
{
	width:862px;
	padding-top:0px;
	margin-top:0px;
}

 

/* style for multifile upload starts from here*/
A {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	COLOR: #F73B14 
}

Body,TD {
	font-family:verdana, Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color:#606061;
	/*color: #5c6d75;*/
}

/*Input {
	border:solid 1px #5c6d75;
}*/

.usedfiles{
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#333333;
}

/* style for multifile upload ends from here*/

.lblclass
{
	font-family: Georgia, Times, serif;
	font-size:11px;
	margin-bottom:1px;
	margin-top:4px;
	display:block;
	width:auto;
	color:#454545;
	text-indent: 0.4em;
	
}

.logintxt 
{
font-family: Georgia, Times, sans-serif;
font-weight:bold;
color:#666666;
font-size:13px;
letter-spacing:1px;
background: url(../../common/images/login-bg.png) repeat-x left top;
display:block;
text-align:justify;
margin-bottom:4px;
vertical-align:text-bottom;
text-indent: 0.4cm;
margin-left: -2.2px !important;margin-left: -17px;
margin-right: 0px !important; margin-right: -2.5px;
border-bottom: 1px solid #666666;
width:auto;
margin-top:-3px;
}

.loginheading
{
font-family: Arial, Georgia, Times, sans-serif;
font-weight:bold;
color:#666666;
font-size:12.5px;
letter-spacing:1.6px;
background: url(../../common/images/window_top.png) repeat-x left top;
display:block;
text-align:justify;
margin-bottom:4px;
vertical-align:text-bottom;
text-indent: 0.4cm;
margin-left: -3px !important;margin-left: -17px;
margin-right: -3px !important; margin-right: -2.5px;
border-bottom: 1px solid #666666;
width:auto;
margin-top:-3px;
}

.msgpoptxtbox
{
margin-left:22px;
vertical-align:top;
text-align:left;
	
}

.lblclass2
{
	font-family: Georgia, Times, serif;
	font-weight:bold;
	margin-bottom:5px;
	display:block;
	width:auto;
	color:#454545;
	padding:1px;
	text-align:left;
	
}


.lblTxet

{
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#5C6D75;
font-size:12px;

}

.filterTtl
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
	line-height:15px;
	vertical-align:top;
	padding-left:3px;
}

.handcursor
{
cursor:pointer;
}

.logintxt .closebttn 
{
	float:right;
	margin-top: -16px Important;margin-top: -16px;
	margin-right: -2.5px !important; margin-right:auto;
    	

}

.colorRB 
{
position: relative; 
top: 4px;
}

.colorRB img
{
	
	position: relative; 
 top: 4px;
	
	
}

.RadbtnVmrg
{
	line-height:28px;
}

.MultiEditTxtBox
{
	overflow-y:hiddden;
	overflow-x:auto;
	border: 1px solid #666666;
}

#settingsPopUp .modalPopup
{
	
}

#settingsPopUp .modalBackground
{
	overflow:hidden;
}

#settingsPopUp .lblRequiredField
{
	margin-left: 8px;
}

#settingsPopUp .lblText
{
	margin-left: 8px;
}


.movelist
{
 visibility:hidden;
 display:none;
 	 
}

.movelistitem
{ 
	position:absolute;
	margin-top: 25px;
	margin-left: -50px;
}
.listboxitem
{ 	
    font-size: 11px;
    cursor: text;
    margin-top: 2px;
    margin-bottom: 2px;
    padding:1px;
    color:#676767;
    border: 1px solid #676767;
}

.listboxitem select
{ 	
	height:180px;	
}
.movelistitem select
{ 	
	height:40px;	
}

.newvaracc
{
	overflow-y:auto;
	overflow-x:hidden;
}

.newvaracc .lblText
{
	color: Black;
	font-size:11px;
	text-align:right;
}

.newvaracc .inputbox
{
	height:12px;
}

#settingsPopUp .inputBox
{
	width:200px;
}

.width200
{
	width: 200px;
}

.width250
{
	width: 250px;
}

.moveleft20
{
	margin-left: -20px;
	
}

.moveright109
{
	 margin-left:115px !important;margin-left: 113px;
}

.moveright12
{
	 margin-left:10px !important;margin-left: 8px; /*!important for FF and later for IE6*/
}

.PullUp4
{
	margin-top: -4;
}

.PullUp2
{
	margin-top: -2;
}

.pullLeftT
{
	margin-right:2.4px;
}

.LeftPull
{
	margin-left: 5px !important;margin-left: -2px;
}

.marginT5
{
	margin-top:5px;
}



.leftpullIE6
{
	margin-left: 5.5px !important;margin-left: 0px;
}


.makeBld
{
	font-weight:bold;
}

.topalign
{
	vertical-align:top;
}

.font11
{
	font-size:10px !important;
}
.widthAuto
{
	width:auto;
}

/* styled buttons */
ul.buttons 
{
    padding: 0;
    padding-top: 5px;
    height: 26px;
    list-style: none;
    margin: 0;
         
}

ul.buttons li
{
    float: left;
    background: url(../../Common/Images/button_bg_right.png) right;
    padding: 0 10px 0px 0;
    background-repeat: no-repeat;
    margin: 0 1px;
    float:left;
    height: 20px;
}

ul.buttons input 
{
    background: url(../../Common/Images/button_bg_left.png) no-repeat;
    border: none 0;
    color: #fff;
    font-size: 7.5pt;
    margin: 0;
    padding: 0;
    height: 20px;
    padding-left: 10px;
    overflow: visible;
}


/* forms */

.formColumn 
{
 width: 300px;
 float: left;

}

.formColumn label, .formColumn span
{
    display: block;
    width: 72px;
    text-align: right;
    float: left;
    padding-right: 8px;
    padding-left: 8px;
    clear: left;
    padding-top: 2px;
    height: 15px;
    margin-bottom: 3px;
}

.formColumn input, .formColumn select, .formColumn textarea, .formColumn .right
{
    display: block;
    float: left;
    width: 208px;
    margin-bottom: 3px;
    
}

.formColumn .right select, .formColumn .right input 
{
    display: inline;
    width: auto;
    float: none;
    margin: 0;
}

.formColumn .right 
{
   padding: 0;
}

/* styled popup */

.modal p 
{
    padding: 10px;
}


.modal {
    background: url(../../Common/Images/modal_header_bg.png) no-repeat;
    margin-bottom: 24px;
    margin-left: 10px;
}

.modal h2 
{
    background:  url(../../Common/Images/modal_header_right.png) no-repeat right top;
    height: 19px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
    font-size: 9pt;
    font-family: Arial;
    padding-top: 5px;
    margin-left: 7px;
 }

.btn_close 
{
    float: right;
    margin-top: -21px;
    margin-right: 3px;
    cursor: pointer;
}

.modal .buttons 
{
    clear: both;
    height: 26px;
    padding-left: 5px;
    padding-bottom: 0;
}

.modalBottomButtons 
{
    margin: 0;
    height: 26px;
}

.modal .buttons
{
    padding-top: 5px;
    height: 26px;
    background: url(../../Common/Images/buttons_bg_right.png) no-repeat right ;
}

.modalBody 
{
    padding: 4px 10px 0px;
    background: #fff url(../../Common/Images/modalBody_bg.png) repeat-x;
    border-left: 1px solid #515151;
    border-right: 1px solid #515151;
    min-height: 0px;
}

.modalPopupBody
{
    padding: 4px 10px 10px ;
    background: #fff url(../../Common/Images/modalBody_bg.png) repeat-x;
    border-left: 1px solid #515151;
    border-right: 1px solid #515151;
    border-bottom: 1px solid #515151;
    min-height: 235px;
}

.modal, .modal select, .modal input
{
    font-family: Arial;
    font-size: 11px;
}


/*****************************************/

.modal
{
	background: url(../../images/modal_header_bg.png) no-repeat;
	margin-bottom: 24px;
	margin-left: 10px;
}

.modal h2
{
	background: url(../../images/modal_header_right.png) no-repeat right top;
	height: 19px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: normal;
	font-size: 9pt;
	padding-top: 5px;
	margin-left: 7px;
}

.btn_close
{
	float: right;
	margin-top: -21px;
	margin-right: 3px;
	cursor: pointer;
}

.modal .buttons
{
	clear: both;
	height: 31px;
	padding-left: 5px;
}

.modalBody
{
	padding: 4px 10px 0px;
	background: #fff url(../../images/modalBody_bg.png) repeat-x;
	border-left: 1px solid #515151;
	border-right: 1px solid #515151;
	min-height: 0px;
}

.modalPopupBody
{
	padding: 4px 10px 10px;
	background: #fff url(../../images/modalBody_bg.png) repeat-x;
	border-left: 1px solid #515151;
	border-right: 1px solid #515151;
	border-bottom: 1px solid #515151;
	min-height: 235px;
}

.modalBottom
{
	background: url(../../images/buttons_bg_left.png) no-repeat;
	clear: both;
	padding-left: 5px;
}

.modalBottom div
{
	background: url(../../images/buttons_bg_right.png) no-repeat right bottom;
	height: 31px;
}


/*///////////////////////////////*/

/**********************************************
*    POPUP WINDOW STYLES                      *
**********************************************/

.popupTop, .popupTopLeft, .popupTopRight, .popupBottomLeft, .popupBottomRight, .popupBottom, .popupLeft, .popupRight, .popupMid
{
	width: 5px;
	background-color: Transparent;
	float: left;
}

.popupTopLeft
{
	background-image:url(../../Common/Images/window_top_left.png);
	height: 22px;
}

.popupTopRight
{
	background-image: url(../../Common/images/window_top_right.png);
	height: 22px;
}

.popupBottomLeft
{
	background-image: url(../../Common/images/window_bottom_left.png);
	height: 5px;
	background-repeat:no-repeat;
}

.popupBottomRight
{
	background-image: url(../../Common/images/window_bottom_right.png);
	height: 5px;
	background-repeat:no-repeat;
}

.popupTop
{	
	background: url(../../common/images/window_top.png) repeat-x left top;	
	height: 22px;
	line-height: 190%;
}

.popupBottom
{
	height: 4px;
	border-bottom: 1px solid black;
	background-color: White;	
}

.popupBottomLine
{	
	background: url(../../common/images/bottomLine.png) ;
	background-repeat:repeat-x;
	height: 5px;
	float: left;
}

.popupMid
{
	background-color: Black;
	text-align: center;
	clear: both;
}

.popupMidContent
{
	background-color: White;
	padding-top: 5px;
	text-align: left;
}

.popupWidth0
{
	width: 410px;
}

.popupMidWidth0
{
	width: 400px;
}

.popupContentWidth0
{
	width: 408px;
}

.popupWidthSmall
{
	width: 210px;
}
.popupMidWidthSmall
{
	width: 200px;
}
.popupContentWidthSmall
{
	width: 208px;
}


.popupWidth1
{
	width: 610px;
}

.popupMidWidth1
{
	width: 600px;
}

.popupContentWidth1
{
	width: 608px;
}

.popupWidth2
{
	width: 910px;
}

.popupMidWidth2
{
	width: 888px;
}

.popupContentWidth2
{
	width: 908px;
}

.popupMidWidth3
{
	width: 900px;
}

.mixTitleNew
{
    color: Blue;
    font-size: 8pt;
    font-weight:bold;
    margin-bottom: 1px;
    line-height: 10pt;
}
.DataGridFixedHeader 
{
	background-color: white; 
	position:relative; 
}

.marginminus3
{
	padding:-3px;
	margin-left:-3px;
	overflow-y:scroll;
}

/**********************************************
*    MENU STYLES                              *
**********************************************/

.WarningImg
{
	height: 48px;
	width: 48px;
	overflow: hidden;
	border: none;
	background-color: Transparent;
	background-image: url(  '../../images/Symbols-Warning-48x48.png' );
}

.GridHeaderFix
{
	background:#636466;
	font-weight:bold;
	color:#fff;
	height:20px;
	vertical-align:middle;
	padding-top:5px;
	width:98%;
}

.marginLeft
{
	margin-left:-10px;
}

.marginTop
{
	margin-top:-2px;
}

/***********************************************/
/* Buttons                                     */
/***********************************************/

.buttons2
{
	height: 31px;
	padding-left: 10px;
}

.buttons2 ul
{
	padding: 0;
	padding-top: 5px;
	height: 26px;
	list-style: none;
	margin: 0;
}

.buttons2 li
{
	float: left;
	background: url(../../images/button_bg_right.png) right;
	padding: 0 10px 0px 0;
	background-repeat: no-repeat;
	margin: 0 1px;
	float: left;
	height: 20px;
}

.buttons2 input
{
	background: url(../../images/button_bg_left.png) no-repeat;
	border: none 0;
	color: #fff;
	font-size: 7.5pt;
	margin: 0;
	padding: 0;
	height: 20px;
	padding-left: 10px;
	overflow: visible;
	padding-bottom: 3px;
}

.buttons2 li.disabled
{
	float: left;
	background: url(../../images/button_bg_right_gray.png) right;
	padding: 0 10px 0px 0;
	background-repeat: no-repeat;
	margin: 0 1px;
	float: left;
	height: 20px;
}

.buttons2 input.disabled
{
	background: url(../../images/button_bg_left_gray.png) no-repeat;
	border: none 0;
	color: #fff;
	font-size: 7.5pt;
	margin: 0;
	padding: 0;
	height: 20px;
	padding-left: 10px;
	overflow: visible;
	padding-bottom: 3px;
}

.buttonsMain
{
	position: absolute;
	padding-top: 18px;
	padding-left: 100px;
}

.buttonsBottom
{
	position: absolute;
	right: 1px;
	margin-top: 10px;
}
.buttonsBottom_2nd
{
       right: 1px;
       margin-top: 16px;

}
.buttonsPopup
{
	position: absolute;
	right: 1px;
}

/**********************************************
*    MENU STYLES                              *
**********************************************/

.Menu
{
	background-color: White;
	padding: 5px 5px 5px 5px;
	border: 1px solid black;
	font-weight: normal;
	line-height: normal;
}

.MenuItem
{
	display: block;
	color: Black;
}

.MenuItem:hover
{
	color: Black;
	background-color: #CCCCFF;
	background-image: url(  '../../images/bar_hover.png' );
}

.MenuItem A:link, .MenuItem A:visited, .MenuItem A
{
	text-decoration: none;
}

A:link, A:visited
{
	text-decoration: none;
}

.ModalPopupExtenderPosition
{
	BACKGROUND: url(../../images/modal_header_bg.png) no-repeat;	
	
}

.nowrap
{
    white-space: nowrap;
}

