@import url('opensans.css');
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #FFFFFF;
    font-size: .75em;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    color: #000000;
}

a, a:visited, a:link
{
	color: #000000;
	text-decoration: none;
}

a:hover
{
	color : #666666;
}

p
{
    margin-bottom: 20px;
    line-height: 1.3em;
}

a img
{
	border : 0px solid #000000;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h1 a, h1 a:visited, h1 a:active, h1 a:hover
{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.4em;
	text-decoration: none;
	padding-bottom : 15px;
}

h2, h2 a, h2 a:visited, h2 a:active, h2 a:hover, .touchChooseTD, .kvhPPS
{
	font-size: 1.2em;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

h3, h3 a, h3 a:visited, h3 a:active, h3 a:hover
{
    font-size: 1.1em;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	margin: 15px 0 8px 0;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

#footer, #subFooter
{
    padding: 0;
    text-align: right;
    line-height: normal;
    margin: 0;
    clear: both;
    font-size: 8px;
}

#footer
{
    padding: 10px 0;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

input, textarea 
{
    border: 0px solid #CCC;
    background-color: Transparent;
    color: #000000;
}

input[type="submit"], input[type="image"], .submitLink
{
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    border : 0px solid #ffffff;
    font-weight : bold;    
    color: #000000;
    vertical-align: middle;
}

input[type="checkbox"], input[type="radio"]
{
    border: 0px solid white;       
    background-color:Transparent;
}
.submitLinkLegend
{
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-weight : bold;    
    color: #000000;
    padding-right: 10px;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 0px #e8eef4;
}

table td 
{
  border: solid 0px #e8eef4;
}

td img, th img, .weekDropDiv
{
	vertical-align: middle;
}

#planningTable td, #planningTable th, .weekDropDiv, #planningDayPrint td, #planningDayPrint th, #planingView td, #planingView th, #orderInfos td, #orderInfos th,
#relatedBookingTable td, #relatedBookingTable th, 
#publicGuidingParticipantList td, #publicGuidingParticipantList th, 
#bookingExchangeTable th, #bookingExchangeTable td,
#systemParameterTable th, #systemParameterTable td,
#connectedTopics th, #connectedTopics td,
#connectedAttachments th, #connectedAttachments td,
#billingContent th, #billingContent td,
#customerResultList th, #customerResultList td
{
  padding: 8px 1px 8px 0;   
}

#touchTBL img
{
    padding: 15px;    
}

#searchTBL td img
{
    padding: 0 5px 0 5px;     
}

.trEven td
{
	background-color: #ffffff;
	border : 1px solid #aaaaaa;
	text-align: center;
}

.trOdd, .trEven
{
	vertical-align: top;    
}

.trOdd td
{
	background-color: #eeeeee;
	border : 1px solid #aaaaaa;
	text-align: center;
}

table th, .weekDropDiv
{
    background-image: url(/Content/Images/tr_back.gif);
    background-repeat: repeat-x;
    /*background-color: #f8a600;*/
    color : #ffffff;
    width: 100%;
    text-align: center;
}

/* MISC  
----------------------------------------------------------*/

#mainContainer
{
    width: 750px;   
    margin: 0 auto; 
}

#planningDayPrint
{
    width: 900px;   
    margin: 40px auto; 
}

#header
{
    display: none;
}

#headerPrint
{   
    width: 900px;
    text-align: left;   
    margin : 20px auto; 
    margin-bottom: 20px;
    color: #fff;
}

#headerPrint ul
{
    padding: 0;
    margin: 0;
    line-height: 1em;    
}

#headerPrint li
{
    display: inline; 
    padding: 0 25px 0 0;
}

#headerPrint li a
{
    color: #fff;
}

#headerPrint li a:hover
{
	color: #fff;    
}

#logo
{
    text-align: right; 
    float: right; 
    height: 25px;
}

.errors li
{
    color: #e91616;
	font-size: 1em;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-image: url(../../Content/Images/info.gif);
	vertical-align: middle;   
}

.errors
{
    padding: 0 0 0 30px;   
}

.loginTBL
{
    margin: 25px 0;    
}

.logout
{
    display: none; 
}

#login
{
    float: left;    
    width: 680px;  
    padding-top: 60px;
}

.dContainer
{
    width: 290px;
    margin: 0;   
    min-height: 900px;
    float: left;
}

.printDayTable td, .printDayTable th, .prodDayTable td, .prodDayTable th, .prodDayTablePrint td, .prodDayTablePrint th
{
    padding: 8px 1px 8px 0;
}

#printActions
{
    display: none;
}

.onlyScreenDisplay
{
    display: none;
}

.onlyPrintDisplay
{ }

/*########## Billing ##############*/

#confirmationLogo {
    position: absolute;
    margin: 45px 0 0 440px;
}

#address
{
	height:	100px;
	width: 250px;
	float: left;
	margin: 180px 0 35px 15px;
	padding: 5px;
}

#guideAddress
{
	height: 100px;
	width: 250px;
	margin: 80px 0 35px 540px;
	padding: 5px;
	text-align: center;
	font-size: 1.15em;
}

#billingLogo
{
	height: 120px;
	width: 440px;
	float: left;
	text-align: right;
	vertical-align: top;
	padding: 0;
	margin: 0 0 0 200px;
}

#guideLogo
{
	height: 120px;
	width: 380px;
	float: left;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: -60px 0;
}

#billingContent
{
	clear: both;
	height: 400px;	
	width: 720px;
	margin: 0 15px 0 15px;
	font-size: 1em;
}

#billingContent table
{
	 border-collapse: collapse;
	 width: 98%;
	 line-height: 1.4em;
}


.customerComment, .bookingComment
{ }