/*----------------------------------------------------------------------------- 

freshCloud

Screen Stylesheet 

version:   	1.0 
date:      	09/22/11 
author:		freshline
email:     	support@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/

/******************************
	- BASICS -
*******************************/
.description {
 font-family: 'Istok Web', sans-serif;
 font-size: 13px;
 color:#505050;  
 line-height:1.5;
}

.titlelogo {
	background-image:url(../images/sitelogo.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	padding-top:35px;
	margin-top:20px;
	margin-bottom:-5px;
	display:block;
	width:250px;
	height:98px;
}

/******************************
	- DIVIDERS -
******************************/

.content_divider{
	width:900px;
	height:10px;
	background:url(../images/assets/content_separator.png) repeat-x;	
	margin-top:60px;
	margin-bottom:60px;
}

.verysmall_spacer{
	clear: both;
	height: 5px;
	width: 100%;
}
.small_spacer{
	clear: both;
	height: 10px;
	width: 100%;
}
.medium_spacer{
	clear: both;
	height: 20px;
	width: 100%;
}
.big_spacer{
	clear: both;
	height: 30px;
	width: 100%;
}

.verybig_spacer{
	clear: both;
	height: 60px;
	width: 100%;
}

.small_spacer_negative{
	clear: both;
  	margin-bottom:-10px;
  	width:100%;
}
.medium_spacer_negative{
	clear: both;
  	margin-bottom:-20px;
  	width:100%;
}
.big_spacer_negative{
	clear: both;
  	margin-bottom:-30px;
  	width:100%;
}



/*******************************
	-	CONTENT WRAPPING    -
********************************/
#content_wrap {
	clear:both;
	margin-top:0px;		
	margin-left:auto;
	margin-right:auto;
	width:960px;	
	height:auto;	
	background-color:#fff;
	padding-top:20px;		
	-webkit-box-shadow: 0px -10px 25px -15px #000;
	-moz-box-shadow: 0px -10px 25px -15px #000;
	box-shadow: 0px -10px 25px -15px #000; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
}

/*******************************
	-	CONTENT BLOCKS    -
********************************/
.full,.one_half, .one_third, .two_third,.two_fourth, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{
	margin-right: 2%; position:relative; float:left; text-align:left;
}
.one_half{ width:49%; }
.one_third{width:32%;}
.one_fourth{width:23.5%; }
.one_fifth{width: 18.4%;}
.one_sixth {width: 15%;}

.two_third{width: 64%;}
.two_fourth {width: 47%;}
.two_fifth {width: 36.8%;}
.two_sixth {width: 30%;}

.three_fourth{width:70.5%;}
.three_fifth {width: 55.2%;}
.three_sixth {width: 45%;}

.four_fifth {width: 73.6%;}
.four_sixth {width: 60%;}

.five_sixth {width: 75%;}
.last{ margin-right:0 !important; clear:right; }



.theme-title{ 
	font-family: 'Istok Web', sans-serif;
	font-size: 26px;	
	margin-top: 30px;
	margin-bottom:0px;	
	color:#505050;	
}

.theme-title2{ 
	font-family: 'Istok Web', sans-serif;
	font-size: 20px;	
	margin-top: -5px;
	font-style:italic; 
	margin-bottom:30px;	
	color:#505050;	
}

.theme-title3{ 
	font-family: 'Istok Web', sans-serif;
	font-size: 20px;	
	margin-top: -5px;
	margin-bottom:30px;	
	color:#505050;	
}

.inside{
padding-top:15px;
background:url(../images/bg_month.png) no-repeat;	
height: 341px;
width: 348px;
}

.inside div.timer li,
.inside div.timer li.selected{
	width:220px;
	height:10px;	
	padding: 9px 0 17px 15px;
}
.inside div.timer li{
	background:url(../images/bg_timer_small.png) no-repeat;
	background-size: 100% 100%;
	list-style:none;
	margin:4px 0;
	color:#2b388c;
}
.displaydate{
	text-align:center;
	width:100%;
	background:url(../images/bg-title-calendar.png) no-repeat top center;
	height:37px;
	font-size:14px;
	color:#fff;
	line-height:30px;
	font-weight:bold;
}

/* --------------------------------------------------
    Forms
   -------------------------------------------------- */
	form {
	font-family: Arial, Verdana, sans-serif; /*custom font-family: Arial, Helvetica, sans-serif;*/
	font-size:13px;
	/*background:#eee;
	margin:20px;
	padding:10px 20px;
	width:400px;	*/
	}
	
	form ol {
		list-style:none;
		margin:0;
		padding:0;
		}
		
		form li {
			padding:6px;
			background:#f2f2f2;
			margin-bottom:1px;
			}
			
			form li#send {
				background:none;
				margin-top:6px;
				}
		
		form label {
			float:left;
			width:120px;
			text-align:right;	
			margin-right:7px;
			color:#1879fe; /*custom*/
			font-weight:bold;
			line-height:23px; /* This will make the labels vertically centered with the inputs */
			}
			
		form input,
		form textarea {
			padding:4px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:13px;
			/*border:1px solid #999999;
			width:200px;*/
			}
			
			form input:focus,
			form textarea:focus {
				/*border:1px solid #666;
				background:#e3f1f1; */
				}	
				
	/* REQUIRED BUTTON STYLES: */	
	button { 
		width: 200px;
		position: relative;
		border: 0; 
		padding: 0;
		cursor: pointer;
		overflow: visible; /* removes extra side padding in IE */
	}

	button::-moz-focus-inner {
		border: none;  /* overrides extra padding in Firefox */
	}

	button span { 
		position: relative;
		display: block; 
		white-space: nowrap;	
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* Safari and Google Chrome only - fix margins */
		button span {
			margin-top: -1px;
		}
	}
/*				
	button.submitBtn2 { 
		padding: 0 4px 0 0;
		font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		font-size:1.1em; 
		text-align: center; 
		font-weight: bold;
		background: transparent url(../images/btn_blue_sprite.png) no-repeat right -140px;
	}
		
	button.submitBtn2 span {
		padding: 15px 0 0 1px; 
		height:37px;
		background: transparent url(../images/btn_blue_sprite.png) no-repeat left top; 
		color:#fff;
	}
*/
	.maintext
	{
	margin-right:10;
	margin-top:5;
	font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;

	}
/* --------------------------------------------------
    calendar
   -------------------------------------------------- */
table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 400px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
	font-size: 20px;
}
table.calendar td {
	border: 0;
	font-size: 20px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
table.caldayheading td {
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 44px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
table.calcells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 44px;
	height: 40px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.calcells td.wkday {
	background-color: #DDDDDD;
}
table.calcells td.wkend {
	background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #999999;
}	

/***********************************************
	Start Calendar
	***********************************************/
	
	a:link{color:#1879fe} /*custom*/
	a:active{color:#1879fe}
	a:visited{color:#1879fe}
	a:hover{color:#1879fe} /*  c3232f 0054E3*/

	.tablewrapper {
		background:url(../images/bg_month.png) repeat-y;
		margin-left:0px;
		width:341px;
		min-height:650px;
		/*height:700px; 341 */
	}
	
	.tablewrappertop{
	width:341px;
	height:20px;
	background: url(../images/bg_month_top.png) no-repeat center;
	}
		
	.tablewrapperbottom{
	width:341px;
	height:30px;
	background: url(../images/bg_month_bottom.png) no-repeat center;
	}
	
	.tabledisplay {
		width:308px;
		height:341px;
		border:0px solid #888;	
		border-collapse:collapse;
		margin-left:15px;
		/*background-color: #F1F3F5;*/
	}
	
	.caldatewrapper {
	background:url(../images/bg-title-calendar.png) no-repeat;
	color:#FFFFFF;
	width:171px;
	height:30px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:68px;
	font-family: Arial, Verdana, sans-serif; 
	font-size:18px;	
	}

	.tddisplay {
		width:44px;
		height:35px;
		border-collpase:collpase;
		border:0px solid #888;
		text-align:center; /*right*/
		vertical-align:top;
		padding-top:7px;
		font-family: Arial, Verdana, sans-serif; 
		font-weight:bold;
	}
	.tddisplay  a:link{
		text-decoration: none;
	}
	
	.tddisplay:hover{
		background: url(../images/cal_over.png) no-repeat center;
	}
	
	.tdheading{
		height:20px;
		width:44px;
		border-collpase:collpase;
		border:0px solid #888;
		text-align:center; /*right*/
		vertical-align:top;
		padding-right:0px; /*5*/
		font-family: Arial, Verdana, sans-serif; 
		font-weight:bold;
	}
	
	.unavailable{
		height:35px;
		width:44px;
		border-collpase:collpase;
		border:0px solid #888;
		text-align:center; /*right*/
		vertical-align:middle;
		padding-right:0px; /*5*/
		font-family: Arial, Verdana, sans-serif; 
		font-weight:bold;
		color:#CCCCCC;
	}
	
	.days{
		/*background-color: #F1F3F5;*/
	}

	th {
		border-collpase:collpase;
		border:0px solid #888;
	}

	.actday{
		width:44px;
		height:35px;
		border-collpase:collpase;
		text-align:center;	
		vertical-align:top;
		background-color: #4890D0;
		font-family: Arial, Verdana, sans-serif; 
		font-weight:bold;
		padding-top:7px;
		background: url(../images/cal_over.png) no-repeat center;
	}
	.actday  a:link{
		text-decoration: none;
	}
	
	.timelisting{
		width:289px;
		height:24px;
		font-family: Arial, Verdana, sans-serif; 
		font-weight:bold;
		padding-left:20px;
		background: url(../images/bg_timer_small.png) no-repeat center;
	}
	
	.headinglisting{
		width:289px;
		height:30px;
		font-family: Arial, Verdana, sans-serif; 
		font-weight:bold;
		padding-left:20px;
	}
	
	/***********************************************
	End Calendar
	***********************************************/
	
	/***********************************************
	Start Extras
	***********************************************/

	.headings {
		font-family: Arial, Verdana, sans-serif; /*custom font-family: Arial, Verdana, sans-serif;*/
		font-size:16px; /*18px*/
		padding-left:20px; 
        font-weight:bold;
	}
	
	button.submitBtn { 
		margin: 10px 18px 10px 18px;
		color:#fff;
		font-family: Arial, Verdana, sans-serif;
		font-size:18px;
		text-align:center;
		height: 50px;
		width: 175px;
		background: transparent url(../images/blueRectangleButtonSmall.png);
	}
		


	button.submitBtn2 { 
		font-family: Arial, Verdana, sans-serif; /*custom font-family: Arial, Verdana, sans-serif;*/
		color:#fff;
		font-size:18px; 
		text-align: center; 
		height: 50px;
		width: 225px;
		background: transparent url(../images/blueRectangleButton.png) no-repeat left top;
	}

	
	.tablewrapperextras {
		background:url(../images/bg_extras.png) repeat-y;
	}
	
	.extraslisting{
		width:520px;
		height:30px;
		font-family: Arial, Verdana, sans-serif; 
		font-weight:bold;
		background: url(../images/bg_extras_small.png) no-repeat center;
		margin-left:8px;
		margin-right:-20px;
	}
	
	.extraslisting2{
		width:520px;
		height:15px;
		font-family: Arial, Verdana, sans-serif; 
		background: url(../images/bg_extras_small.png) no-repeat center;
		margin-left:8px;
		margin-right:-20px;
		text-align:left;
		font-size:11px;
		font-style:italic;
	}
	
	.pricelisting{
		font-family: Arial, Verdana, sans-serif; 
		font-weight:bold;
		float:right;
		margin-left:-60px;
		text-align:right;
	}
	
	.extrastop{
	width:570px;
	height:19px;
	background: url(../images/bg_extras_top.png) no-repeat center;
	}
		
	.extrasbottom{
	width:570px;
	height:29px;
	background: url(../images/bg_extras_bottom.png) no-repeat center;
	}
	
	.headerlink{
	text-decoration: none;
	}
	
	.changelink{
	text-decoration: none;
	font-family: Arial, Verdana, sans-serif; 
	font-size:10px;
	}
	.changelink:hover{
	text-decoration: underline;
	font-family: Arial, Verdana, sans-serif; 
	font-size:10px;
	}