﻿/* VOC-Solutions */
	table.table1
    {
        border: 1px solid Black;
        margin-bottom: 15px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: Black;
        border-right-color: Black;
        border-bottom-color: Black;
        border-left-color: Black;
        background-color: White;
        margin-bottom: 15px;
        font-family: Arial;
        font-size: 14px;
        font-weight: 300;
        width:97%
    }
    tr.table1
	{
		margin: 0px 0px 0px 0px;
		text-align: left;
		color: Black;
		font-size: 11pt;
		font-weight: 100;
		font-family: Arial Black;
		background-color: Black;
	}
    
    .tableHeader
    {
    	background-color: #009FE3;
    	font-weight:bolder;
    	color:White
    }
    
    table.table2
    {
    	width:100%;
    }
    
    td.table2
    {
    	padding:30px 30px 30px 30px;
    }
    
	.modalBackground
    {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }
    .accordionHeader
    {
        color: White;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        font-weight:bolder;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 97%;
        border: solid 1px Black;
    }
    .accordionContent
    {
        background-color: White;
        font:Arial;
        font-size: 12px;
        border: 1px gray;
        padding: 4px;
        padding-top: 7px;
        width: 97%;
        border: solid 1px Black;
    }
    .accordionCompensatingHeader
    {
        color: white;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 75%;
        border: solid 1px Black;
    }
    .accordionCompensatingContent
    {
        background-color: White;
        font: Arial;
        font-size: 15px;
        padding: 4px;
        padding-top: 7px;
        width: 75%;
        border: solid 1px Black;
    }
    
    .ReadOnly
    {
    	background-color:#D8D8D8 
    }
	.title
	{
			font: Arial;
			font-size: 22px;
			font-weight:bold;	
	}
	.titleForModal
	{
			font: Arial;
			font-size: 17px;
			font-weight:bold;	
	}
	.subTitle
	{
			font-family: Arial;
			font-size: 17px;
			font-weight:bold;	
	}
	.subTitleForModal
	{
			font: Arial;
			font-size: 13px;
			font-weight:bold;	
	}	
	
	.normal
		{
			font-family: Arial;   
			font-size: 12px;
			font-weight:normal;	
		}
			
	.normalText
	{
			font: Arial;
			font-size: 12px;
			font-weight:normal;	
	}
	
	.normalText8
		{
			font-family: Arial;   
			font-size: 8px;
			
		}	
		
	.text14pxAriel
	{
			font: Arial;
			font-size: 14px;
			font-weight:normal;	
	}	
	.infoText
	{
			font: Arial;
			font-size: 12px;
			font-weight:bold;	
	}	
    .WizardAlternateRow
    {
    	background-color: #cbcbcb;
    	font-weight:200;
    	color:#000000
    }	
	.wizardWhiteText
	{
			color: White;
	        font-size: 			12px;
	        font-family: 		Arial;   		
	}
/* added from PaySquare webSite */
        .td-menu
        {
            background-color: #eee9e9;
            height: 12px;
            padding: 0px;
        }
       .top {
	        position: absolute;
	        background:url(/App_Themes/Theme/VOCSolutions/Images/bg_top.png) repeat-x;
	        width:98%;
	        height:78px;
            top: 18px;
            left: 13px;
        }
        .bgLine
        {
            background: url(/App_Themes/Theme/VOCSolutions/Images/bg_line.gif) repeat-x;
            width: 100%;
        }
        .top .logo {
	        position:absolute;
	        top:18px;
	        left:20px;
        }
        .top .title
        {
            position: absolute;
            top: 30px;
            left: 151px;
            color: #000;
            font-weight: bold;
            font-size: 30px;
            font-family: Arial;
        }
        .top .subtitle
        {
            position: absolute;
            top: 63px;
            left: 151px;
            color: #000;
            font-weight: bold;
            font-size: 12px;
            font-family: Arial;
        }
        .menuPadding
        {
        	padding-left: -10px;
        }
        .ccHeading
        {
            color:White;
            font-size: 11pt;
            font-family: Arial Black;
            background-color: #003580;
        }
        .ccMainLayout
        {
        	width: 1000px;
        	padding-left:5px;
        	font-family:Arial;
        	font-size:11px;
        }        
		.ajax__tab_xp .ajax__tab_header 
		{
			white-space:normal;
		}        
		.column1
		{
			width: 100;
			text-align:center;
			font-weight:bold;
		}
		.column2
		{
			width: 45%;
			text-align:center;
			font-weight:bold;
		}
		.column3
		{
			width: 40%;
			text-align:center;
			font-weight:bold;
		}
		.column4
		{
			width: 5%;
			text-align:center;
			font-weight:bold;
		}	
		
		.statusText
		{
			font-family: Arial; 
			font-size: 12px;
			font-weight:bold;
			color: #05A4E0;	
		}
		.statusLabelText
		{
			font-family: Arial; 
			font-size: 12px;
			font-weight: bold;
							
		}
		
		.textNormal
		{
			font-family: Arial; 
			font-size: 12px;
			font-weight: bold;
		}									
		.textNormalBlue
		{
			font-family: Arial; 
			font-size: 12px;
			font-weight: bold;
			color: #05A4E0;	
		}
		.textNormalWhite
		{
			font-family: Arial; 
			font-size: 12px;
			/*font-weight: bold;*/
			color: White;	
		}	
		
		.normalText14px
		{
				font-family: Arial;    
				font-size: 14px;
				font-weight:normal;
				text-align:justify
		}

		
		.pageIntroText
		{
				font-family: Arial;    
				font-size: 14px;
				font-weight:normal;
				text-align:justify
		}
		
		.title
		{
				font-family: Arial; 
				font-size: 22px;
				font-weight:bold;	
		}					

		.menuItem
		{
		color:black;
		/* border:Solid 1px Gray; */
		/*background-color:#c9c9c9;*/
		background-repeat:no-repeat;
		background-image : url(/App_Themes/Theme/Booking/Images/menuSeparator.gif);
		padding:2px 8px;

		}
		.selectedItem
		{
			
			background-color:#05A4E0;
			/*background-repeat:no-repeat;*/
			/*background-image : url(/App_Themes/Theme/VOCSolutions/Images/menuSeparator.jpg);*/
			padding:2px 8px;

		}
		
		.buttonText
		{
			font-family: Arial; 
			font-size: 12px;
			font-weight: bold;
			background-color:#009FE3;
			color:#003580;
			border: 2px solid White;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
			border-radius:4px;
			height:30px;
			box-shadow: 0 1px 1px #888;
							
		}	
		
		.buttonText:hover
		{
		    background-color:#003580;
		    color:White;
            cursor:pointer
		    }

		.submitButtonStyle
		{
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #FFFFFF;
		}				
		.statusTextCompliant
		{
			font-family: Arial; 
			font-size: 12px;
			font-weight: bold;
			color: #88da09;				
		}	

		.statusTextNotCompliant
		{
			font-family: Arial; 
			font-size: 12px;
			font-weight: bold;
			color: Red;				
		}
		
		.statusTextWaitingValidation
		{
			font-family: Arial; 
			font-size: 12px;
			font-weight: bold;
			color: Orange;				
		}	
		.hyperLinkText
        {
            font-size: 13px;
            font-family: Arial;
            font-weight: bold;
            color: #000000;
            text-decoration: none;
        } 				
	
	/*Popups*/
	.modalPopupHeader
	{
	    background-color:#003580;
	    color:White; 
        font-weight:bold;
        text-align:center;
        font-family: Arial; 
        font-size: 12px;
	    }
	
		
/* Grid Elements */    

 .gridFooterStyle
    {
        background-color:#009FE3; 
        color:White; 
        font-weight:bold;
        text-align:center;
        font-family: Arial; 
        font-size: 12px;     
    }
    
    .gridHeaderStyle
    {
        background-color:#009FE3; 
        color:White; 
        font-weight: bold;
        font-size: 14px;
        font-family: Arial;
        text-align: center;
    }
    
     .gridPagerStyle
    {
        background-color:#666666; 
        color:White;
        font-family: Arial; 
        font-size: 12px;         
    }
    
     .gridRowStyle
    {
        background-color:White; 
        color:Black;
        font-family: Arial; 
        font-size: 12px;
        word-break:break-all;
    word-wrap:break-word;
    }
    
     .gridAlternatingRowStyle
    {
        background-color:Silver; 
        color:Black;
        font-family: Arial; 
        font-size: 12px;
    }    
    
     .gridSelectedRowStyle
    {
        background-color:#C5BBAF; 
        color: #333333;
        font-family: Arial; 
        font-size: 12px;
        font-weight:bold;         
    }
    
     .gridEditRowStyle
    {
        background-color:#7C6F57;
        font-family: Arial; 
        font-size: 12px;           
    }
    
     .gridAlternativeRowStyle
    {
        background-color:#e6e6e6;
        font-family: Arial;
        font-size: 12px;   
        word-break:break-all;
    word-wrap:break-word;      
    }
		.searchFieldStyle
		{
			background-color: #FEBA02;
			text-align: left;
			margin:15px 0px 15px 0px;
			border: 1px solid black;
			border-radius:4px;
		}

    .gridButton
    {
        font-size: 11px;
    }
    
    .gridDropDownList
    {
        font-size: 11px;
    }					
    
/* Questionnaire */		
		.questionText
		{
					font-family: Arial;   
					font-size: 14px;
					font-weight:normal;	
		}		
		.questionnaireRequirementHeadingText
		{
			        background-color: #009fe3;
					font-family: Arial;   
					font-size: 18px;
					font-weight:normal;
					color: White;		
		}
		.questionnaireRequirementTitleText
		{
					font-family: Arial;   
					font-size: 16px;
					font-weight: bold;
					color: Black;				
		}
		.questionnaireAOCTitleText
		{
				font-family: Arial; 
				font-size: 22px;
				font-weight:bold;			
		}     
    
/* VOC Solutions TAB theme  */


/* xp theme */

.divHeader
{
    max-width:1280px;
    min-width:680px;
    margin:0 auto;
}
.CustomTabStyle .ajax__tab_header 
{
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;
}
.CustomTabStyle .ajax__tab_header .ajax__tab_outer 
{
    padding-right:4px;
    background:url(/App_Themes/Theme/Common/Images/tab-right.gif) no-repeat right;
    height:21px;
}
.CustomTabStyle .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(/App_Themes/Theme/Common/Images/tab-left.gif) no-repeat;
}
.CustomTabStyle .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(/App_Themes/Theme/Common/Images/tab.gif) repeat-x;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-right.gif) no-repeat right;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-left.gif) no-repeat;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover.gif) repeat-x;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-right.gif) no-repeat right;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-left.gif) no-repeat;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active.gif) repeat-x;
}
.CustomTabStyle .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}



/* VOC Solutions TAB theme  END*/     			

/* Booking theme */

.divHeader
{
    max-width:1280px;
    min-width:680px;
    margin:0 auto;
}
.CustomTabStyleBooking .ajax__tab_header 
{
    font-family:Arial, Verdana, tahoma, helvetica;
    font-size:11px;
    padding-left:10px;
    border-bottom:1px solid #ddd;
    
   /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
}
/*.CustomTabStyleBooking .ajax__tab_tab 
{
    font-family:Arial, Verdana, tahoma, helvetica;
    font-size:12px;
    height:20px;
    padding:6px 3px 0px 3px;
    font-weight:bold;
    background-color: #ededed;
    color:#0896ff;
    
   /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;
}
*/
.CustomTabStyleBooking  .ajax__tab_tab
{
    font-weight: bold;
    display: block;
    float: left;
    padding: .6em .6em;
    color: #003580;
    background-color: #ededed;
    border: 1px solid #ddd;
    margin-bottom: -1px;
    margin-right: -1px;
    cursor: pointer;
}
.CustomTabStyleBooking span:hover .ajax__tab_tab 
{
    color:#feba02;
    
    }
.CustomTabStyleBooking  .ajax__tab_active .ajax__tab_tab
{
    border-bottom-color:white;
    background-color:White;
    color:#003580;
    cursor:pointer;
    
   /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
}

/*.CustomTabStyleBooking .ajax__tab_header .ajax__tab_outer 
{
    padding-right:4px;
    background:url(/App_Themes/Theme/Common/Images/tab-right.gif) no-repeat right;
    height:21px;
}
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(/App_Themes/Theme/Common/Images/tab-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(/App_Themes/Theme/Common/Images/tab.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active.gif) repeat-x;
}*/
.CustomTabStyleBooking .ajax__tab_body 
{
    font-family: Arial,verdana,tahoma,helvetica;
    font-size:12px;
    border:1px solid #ddd;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}



/* VOC Solutions TAB theme  END*/    

/* accordion styles */

.accordionContent
{
	/*
	width: 900px;
	font-family: Arial; 
	font-size: 12px;
	border: 0px;
*/
    background-color: #D3DEEF;
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-right: 1px dashed #2F4F4F;
    border-style: none dashed dashed;
    border-width: medium 1px 1px;
    padding: 10px 5px 5px;
}
.accordionHeader					 
{
	/*width: 900px;
	height: 20px;
	font-family: Arial; 
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;	
	background-color: #0085cf;*/
    background-color: #2E4D7B;
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;	
	
}
.accordionHeaderSelected
{
	/*
	width: 900px;
	height: 20px;
	font-family: Arial; 
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;	
	background-color: #00829B;
*/
	width: 97%;
    background-color: #5078B3;
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
} 

 .hederBackground
 {
     background: url(/App_Themes/Theme/Booking/Images/nobg.png) repeat-x scroll 0px 0px rgb(255, 255, 255);
 }
  
.divContainerBorders
{
    border: 1px solid; 
    border-color: #009FE3; 
    padding: 20px;     
}

.divBottomBorders
{
    border-bottom: 1px solid; 
    width: 370px;
    border-bottom-color: #009FE3;
}  
.divTopBorders
{
    border-top: 1px solid; 
    width: 370px;
    border-top-color: #009FE3;
}

.languageChoice
{
    color:#ABA195;
    font-family:Arial;
    font-size:10px;
    font-style:normal
    
    
}
.languageChoiceTrue
{
    color:#5078B3;
    font-family:Arial;
    font-size:10px;
    font-style:normal
}	

.languageChoiceFalse
{
    color:#5078B3;
    font-family:Arial;
    font-size:10px;
    font-style:normal
}
.acqIconsText
		{
			font-family: Arial;   
			font-size: 12px;
			font-weight: normal;
			color: #05A4E0;	
		}	
		
		.normalText10px
		{
				font-family: Arial;    
				font-size: 10px;
				font-weight:normal;
				text-align:justify
		}
		
		
		 	.buttonStrip
		{
		   background-color: #ECECEC; 
		   padding-left:7px;
		   padding-bottom:7px;
		   padding-top:7px;
		}    
		
		/*+++++++++++++++++++++++++++++ CSS for menu +++++++++++++++++++++++*/

.menuNavigatorClass {
	position: relative;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	width: 210px;
	overflow: auto;
}

.menuNavigatorClass a 
{
    font-style: normal;
    font-variant:normal;
    text-decoration: none;   
}


.menuParent {
	background-color: #003580;
	border-radius: 4px;	
	height: 25px;
	width: 200px;
	margin-top: 2px;
	padding-left: 5px;
	color:White;
}

.menuParentLevel1 {
	background-color: #009fe3;
	border-radius: 4px;
	height: 25px;
	width: 200px;
	margin-top: 2px;
	display: none;
	padding-left: 5px;
	color:#003580;

}

.menuParentLevel1 a {
	
	color:#003580;
}

.menuParentLevel2 {
	display: none;
}

.menuParentLevel2Item {
	background-color: #80D9FF;
	border-radius: 4px;
	height: 25px;
	width: 200px;
	margin-top: 2px;
	padding-left: 5px;
	display: block;
	padding-left: 5px;
	color:Red;
}

.menuParentLevel2Item a {
	color:#003580;
}

.spanLevel1 {
	padding-left: 0px;
	position: relative;
	top: 4px;	
}

.spanLevel2 {
	padding-left: 30px;
	position: relative;
	top: 2px;
	left: -4px;
}

.menuParentLevelContainer {
	display: none;
}


.spanLevel0 
{
    padding-left: 0px;
	position: relative;
	top: 2px;	
}

.spanLevel0_1 
{
    position: relative;
    top:4px;
    padding-left: 15px;
}

.spanLevel1_1 
{
    position: relative;
    top:4px;
    padding-left: 20px;
}

.spanLevel2_1 
{
    position: relative;
    top:4px;
    padding-left: 35px;
}

.menuNavigatorClass div img {
	position: relative;
	top: 2px;
}

.menuNavigatorClass div.menuParent:hover {
	cursor: pointer;
	background-color: #FEBA02;
	border-radius: 4px;
	width: 200px;
	color:#003580;
}

.menuNavigatorClass div.menuParentLevel1:hover {
	cursor: pointer;
	background-color: #FEBA02;
	border-radius: 4px;
	width: 200px;
}

.menuNavigatorClass div.menuParentLevel2Item:hover {
	cursor: pointer;
	background-color: #FEBA02;
	border-radius: 4px;
	width: 200px;
}


.noChild {
	position: relative;
	left: 9px;
}

.tdStyle {
	width: 10px;
	text-align: left;
}

.tableStyle {
	padding-left: 15px;
}

.selected3 {    
	background-color: #FEBA02;	
}

.selected2 {
	background-color: #FEBA02;
	color:#003580;
}

.selected1 {    
	background-color: #FEBA02;
	color:#003580;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.parentLoadMessage 
{
     position: relative;
     background-color: Gray;     
}
