/*----------------------------------------------------------
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: #5c87b2;
	font-size: .75em;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #696969;
}

a:link
{
	color: #034af3;
	text-decoration: underline;
}
a:visited
{
	color: #505abc;
}
a:hover
{
	color: #1d60ff;
	text-decoration: none;
}
a:active
{
	color: #12eb87;
}

p, ul
{
	margin-bottom: 20px;
	line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2
{
	padding: 0 0 10px 0;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0;
}

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

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	position: relative;
	margin-bottom: 0px;
	color: #000;
	padding: 0;
}

#header h1
{
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	color: #fff;
	border: none;
	line-height: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px !important;
}

#main
{
	padding: 30px 20px 15px 20px;
	background-color: #fff;
	margin-bottom: 30px;
	_height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
	color: #999;
	padding: 10px 0;
	text-align: center;
	line-height: normal;
	margin: 0;
	font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
	border-bottom: 1px #5C87B2 solid;
	padding: 0 0 2px;
	position: relative;
	margin: 0;
	text-align: right;
}

ul#menu li
{
	display: inline;
	list-style: none;
}

ul#menu li#greeting
{
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	color: #fff;
}

ul#menu li a
{
	padding:10px;
}
/**
ul#menu li a
{
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	background-color: #e8eef4;
	color: #034af3;
}

ul#menu li a:hover
{
	background-color: #fff;
	text-decoration: none;
}

ul#menu li a:active
{
	background-color: #a6e2a6;
	text-decoration: none;
}

ul#menu li.selected a
{
	background-color: #fff;
	color: #000;
}
**/

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

fieldset 
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #CCC;
}

fieldset p 
{
	margin: 2px 12px 10px 10px;
}

legend 
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
	width: 200px;
	border: 1px solid #CCC;
}

input[type="password"] 
{
	width: 200px;
	border: 1px solid #CCC;
}

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

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
	clear: both;
}

.error
{
	color:Red;
}

#menucontainer
{
	margin-top:40px;
}

div#title
{
	display:block;
	float:left;
	text-align:left;
}

#logindisplay
{
	font-size:1.1em;
	display:block;
	text-align:right;
	margin:10px;
	color:White;
}

#logindisplay a:link
{
	color: #5c87b2;
	text-decoration: none;
}

#logindisplay a:visited
{
	color: #5c87b2;
	text-decoration: none;
}

#logindisplay a:hover
{
	color: #696969;
	text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
	margin: 0.5em 0;
}

.text-box
{
	width: 30em;
}

.text-box.multi-line
{
	height: 6.5em;
}

.tri-state
{
	width: 6em;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


	/* Use the 'className' CalEvent property and the following
	 * example CSS to change event color on a per-event basis:
	 *
	 */
.calEventClass1,.fc-agenda .calEventClass1 .fc-event-time,.calEventClass1 a { background-color: #ffd773; color: #4d4d4d; border-color:#7f6b39; text-decoration:none;}
.calEventClass2,.fc-agenda .calEventClass2 .fc-event-time,.calEventClass2 a { background-color: #c1cea3; color: #4d4d4d; border-color:#606751; text-decoration:none;}
.calEventClass3,.fc-agenda .calEventClass3 .fc-event-time,.calEventClass3 a { background-color: #99dcc7; color: #4d4d4d; border-color:#4c6e63; text-decoration:none;}
.calEventClass4,.fc-agenda .calEventClass4 .fc-event-time,.calEventClass4 a { background-color: #d09eb6; color: #4d4d4d; border-color:#684f5b; text-decoration:none;}
.calEventClass5,.fc-agenda .calEventClass5 .fc-event-time,.calEventClass5 a { background-color: #8faee2; color: #4d4d4d; border-color:#475771; text-decoration:none;}
.calEventClass6,.fc-agenda .calEventClass6 .fc-event-time,.calEventClass6 a { background-color: #f6ac77; color: #4d4d4d; border-color:#7b563b; text-decoration:none;}
.calEventClass7,.fc-agenda .calEventClass7 .fc-event-time,.calEventClass7 a { background-color: #4eadc8; color: #4d4d4d; border-color:#275664; text-decoration:none;}
.calEventClass8,.fc-agenda .calEventClass7 .fc-event-time,.calEventClass8 a { background-color: #81da93; color: #4d4d4d; border-color:#275664; text-decoration:none;}

.calEventClass1O,.fc-agenda .calEventClass1O .fc-event-time,.calEventClass1O a { background-color: #ffd773; border-color: #FF0000; color: #FF0000; text-decoration:none; font-weight:bold;}
.calEventClass2O,.fc-agenda .calEventClass2O .fc-event-time,.calEventClass2O a { background-color: #c1cea3; border-color: #FF0000; color: #FF0000; text-decoration:none; font-weight:bold;}
.calEventClass3O,.fc-agenda .calEventClass3O .fc-event-time,.calEventClass3O a { background-color: #99dcc7; border-color: #FF0000; color: #FF0000; text-decoration:none; font-weight:bold;}
.calEventClass4O,.fc-agenda .calEventClass4O .fc-event-time,.calEventClass4O a { background-color: #d09eb6; border-color: #FF0000; color: #FF0000; text-decoration:none; font-weight:bold;}
.calEventClass5O,.fc-agenda .calEventClass5O .fc-event-time,.calEventClass5O a { background-color: #8faee2; border-color: #FF0000; color: #FF0000; text-decoration:none; font-weight:bold;}
.calEventClass6O,.fc-agenda .calEventClass6O .fc-event-time,.calEventClass6O a { background-color: #f6ac77; border-color: #FF0000; color: #FF0000; text-decoration:none; font-weight:bold;}
.calEventClass7O,.fc-agenda .calEventClass7O .fc-event-time,.calEventClass7O a { background-color: #4eadc8; border-color: #FF0000; color: #FF0000; text-decoration:none; font-weight:bold;}
.calEventClass8O,.fc-agenda .calEventClass7O .fc-event-time,.calEventClass8O a { background-color: #81da93; border-color: #FF0000; color: #FF0000; text-decoration:none; font-weight:bold;}

.calEventClass1C,.fc-agenda .calEventClass1C .fc-event-time,.calEventClass1C a { background-color: #ffd773; border-color: #cccccc; color: #7f6b39; text-decoration:none;}
.calEventClass2C,.fc-agenda .calEventClass2C .fc-event-time,.calEventClass2C a { background-color: #c1cea3; border-color: #cccccc; color: #606751; text-decoration:none;}
.calEventClass3C,.fc-agenda .calEventClass3C .fc-event-time,.calEventClass3C a { background-color: #99dcc7; border-color: #cccccc; color: #4c6e63; text-decoration:none;}
.calEventClass4C,.fc-agenda .calEventClass4C .fc-event-time,.calEventClass4C a { background-color: #d09eb6; border-color: #cccccc; color: #684f5b; text-decoration:none;}
.calEventClass5C,.fc-agenda .calEventClass5C .fc-event-time,.calEventClass5C a { background-color: #8faee2; border-color: #cccccc; color: #475771; text-decoration:none;}
.calEventClass6C,.fc-agenda .calEventClass6C .fc-event-time,.calEventClass6C a { background-color: #f6ac77; border-color: #cccccc; color: #7b563b; text-decoration:none;}
.calEventClass7C,.fc-agenda .calEventClass7C .fc-event-time,.calEventClass7C a { background-color: #4eadc8; border-color: #cccccc; color: #275664; text-decoration:none;}
.calEventClass8C,.fc-agenda .calEventClass7C .fc-event-time,.calEventClass8C a { background-color: #81da93; border-color: #cccccc; color: #275664; text-decoration:none;}
	 
#calendar { margin-top:4px; }
#calendar a { text-decoration:none; }

		#cont_col_1{	
		float:left;
		width:100%;
		}
		#col_1{
		margin-top:20px;
		margin-right:520px;
		margin-left:0px;
		padding:10px;
		overflow:hidden;
		}
		#col_2{
		float:left;
		width:500px;
		height:400px;
		margin-top:20px;
		margin-left:-520px;
		padding:10px;
		}

.legendCont { margin:3px;padding:3px;clear:both;text-align:center; }
.legendItem { float:left;width:112px;padding:4px 0px 4px 0px;margin:4px; border:1px solid #7d7d7d; }
.legendUl { list-style-type:none; width:700px;}
.legendUl li { float:left; width:200px; margin:2px; margin-right:10px; }
.eventTable { width:360px; }
.eventMemberTable { width:360px; }
.eventSiteTable { width:540px; }
.detailTable { width:350px; }
.detailCompanyTable { width:320px; }
.eventSiteQuestion { border:1px solid #cdcdcd; padding:4px; margin-bottom:4px; }
.eventSiteDetails,.eventSiteCheck { padding:4px; }
.eventSiteCheckTitle { float:left; width:75%; font-weight:bold; }
.eventSiteCheck { float:left; width:20%; }
.eventSiteNoteTitle { clear:both; font-weight:bold;}
.eventSiteNote { clear:both; }
.rowChanged { background: #EEDDCC; }
.event-multiline-field textarea {
	width: 240px;
	height: 200px;
}
.filterbox { padding:0.5em; width:19em;}
ul.editlist { width:600px; list-style-type:none;}
ul.editlist li { clear:both; margin-bottom:0.5em; }
ul.editlist li label { width:9em; display:inline-block; }
.editlabel { float:left; width:120px; }
.editfield { float:left; width:140px; }

.btnNeutral { padding:2px; }

@media print
{   
    .print+.print {
        page-break-before: always;
    }
    td { font-size:10pt; }
     fieldset { padding:0; border:0px; }
    .no-print, .no-print *
    {
        display: none !important;
    }
    .print:last-child {
         page-break-after: auto;
    }
    html, body { height: auto; }

}