﻿*
{
	margin: 0;
	padding: 0;	
}

html
{
	height: 100%;	
}

.error
{
    font: normal 10px Tahoma, Verdana, Arial, sans-serif;
    color:#cc0000;
}

body
{
	height: 100%;
	background: url(images/background.png);
	font: normal 12px Tahoma, Verdana, Arial, sans-serif;
}

.page .heading,
.page .section
{
	display: inline;
	float: left;
	clear: left;
	position: relative;
	left: -32px;
}

.page .heading
{
	margin: 0 0 24px 0;
	padding: 8px 16px 8px 32px;
	background: #062245;
	font-size: 24px;
	color: white;
    min-width: 250px;
}

.page .section
{
	margin: 20px 0 16px 0;
	padding: 4px 8px 4px 10px;
	background: #e0e0e0;
	font-size: 14px;
	color: black;
    white-space: nowrap;
    border-left: 12px solid #999999;
}

h1, h2, h3
{
	font-weight: bold;
}

h1
{
	font-size: 16px;
}

h2
{
	font-size: 14px;
}

h3
{
	font-size: 12px;
}

a
{
	color: #e05817;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/******************************************************************************/

form
{
	display: inline;
	float: left;
width:100%;
}

form fieldset
{
	padding: 1em 0;
	
	border: none;
}

* html form fieldset
{
	padding-top: 0;
}

.niceheader {
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 10px;
}


form fieldset legend
{
	padding-right: 1em;
	border-bottom: 2px solid #e0e0e0;
	
	font-weight: bold;
	font-size: 16px;
	color: black;
    margin-bottom:3px;
}

*:first-child+html form fieldset legend /* IE7 */
{
	position: relative;
	left: 0;

	margin-bottom: .8em;
}

* html form fieldset legend /* IE6 and below */
{
	position: relative;
	left: -.5em;

	margin-bottom: .8em;
}

form label
{
	display: inline;
	float: left;
	clear: left;

	width: 15em;
	font-weight: bold;
	line-height: 1.1;
    margin-top:2px;
}

form label em
{
	font-weight: bold;
	font-style: normal;
	color: red;
}

form select
{
    margin-bottom:3px;
}

form input
{
	padding-top: 2px;
    margin-bottom:3px;
	height: 18px;

	line-height: 18px;
	vertical-align: middle;
}

form input[type="text"]
{
	vertical-align: bottom;
    width:20em;
}

form ul
{
	list-style: none;
}

form li
{
	margin-bottom: .5em;
    clear:both;
}

.button
{
    float: left;
    display: block;
    margin: 1em .5em 0 0;
    padding: 0 .5em;
    border: none;
    height: 24px;
    line-height: 24px;
    background: url(images/button-bg.png);
    text-decoration: none;
    color: white;
    cursor: pointer;
    white-space: nowrap;
}

form .button
{
    display:block;
    float:left;
    margin: 0 0 1em;
    padding: 0 .5em;
    
    height: 24px;
    
    background: url(images/button-bg.png);
    color: white;
    border: none;
    
    cursor: pointer;
}

form li img
{
	border: none;
	
	vertical-align: middle;	
}

/******************************************************************************/

.page
{
    display: inline;
    float: left;
    padding: 32px;
    padding-top: 16px;
    width: 936px;
    min-height: 100%;
    background: url(images/page-bg-big.png) no-repeat;
    background-position: 400px 0px;
    background-attachment: fixed;
    background-color:white;
}

.errorbig {
    font: bold 12px Tahoma, Verdana, Arial, sans-serif;
    color:#cc0000;
    color: red;
    padding: 10px 0 20px;
}


.left,.errorbig
{
	display: inline;
	float: left;
	clear: left;
}

.right
{
	display: inline;
	float: right;
	clear: right;
}

#price_info {
    font-size:11px;
    margin-top:10px;
}

.related_help {
    display:inline;
    float:right;
    clear:right;
    width:316px;
}

.related_help .begin
{
	height: 15px;
	background: url(images/rounded-top-big.png) no-repeat;	
}

.related_help .content
{
    padding:0px 16px 0px 16px;
    background: url(images/rounded-mid-big.png) repeat-y;
}

.related_help .content .title,.related_help_small .content .title
{
    font: bold 14px Tahoma, Verdana, Arial, sans-serif;
    color:#062245;
}

.related_help .end
{
	height: 15px;
	background: url(images/rounded-bottom-big.png) no-repeat;	
}

.related_help_small {
    display:inline;
    float:right;
    clear:right;
    width:166px;
}

.related_help_small .begin
{
	height: 15px;
	background: url(images/rounded-top.png) no-repeat;	
}

.related_help_small .content
{
    padding:0px 16px 0px 16px;
    background: url(images/rounded-mid.png) repeat-y;
}

.related_help_small .end
{
	height: 15px;
	background: url(images/rounded-bottom.png) no-repeat;	
}

#links
{
	padding-top: 16px;
	
	line-height: 1.5;
	list-style: none;
}

*:first-child+html #links
{
	margin-left: -16px;
}

* html #links
{
	margin-left: -16px;
}

* html #company
{
	width: 100%;	
}

*:first-child+html #company
{
	width: 100%;
}

#company .name
{
	display: block;
	
	margin-bottom: .8em;
	
	font-weight: bold;
	font-size: 14px;
}

#map
{
	margin-top: 16px;
	margin-bottom: 32px;
	border: 1px solid black;
	width: 200px;
	height: 200px;
}

.images
{
    display: inline;
    float: right;
    clear: right;
    position: relative;
    left: 32px;
    margin-bottom: 12px;
    padding: 4px;
    padding-right: 32px;
    overflow: hidden;
    background:url(images/transparent.png)
}

img
{
    border:0;
}

.images img
{
	float: left;
	
	width: 80px;
	height: 80px;
	margin: 4px;
	border: 1px solid #c0c0c0;
	background: white;

}

#text_description
{
    width: 485px;
    line-height: 1.5;
}

#resources .res_desc
{
display:block;
}

#resources
{
	position: relative;
	left: -32px;
	overflow: auto;
	
	width: 100%;
	padding: 32px;
	background: #f8f8f8;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	
	margin-top: 10px;	
}

* html #resources
{
	margin-right: -32px;
}

#resources ul
{
	list-style: none;
}

#resources li
{
	margin: 16px 0;
	overflow: hidden;
}

#calendarbig
{
    clear:both;
    border: 1px solid #c0c0c0;
    border-collapse: collapse;
}

#calendarbig th
{
    background: #d0d0d0;
    font-size: 11px;
}

#calendarbig .mv_head_active_day
{
    background: #bbbbbb;
}

#calendarbig .mv_head_cur_month_day
{
    background: #f0f0f0;
}

#calendarbig .mv_head_ext_month_day
{
    background: #ffffff;
}

#calendarbig .mv_head_cur_month_day,#calendarbig .mv_head_active_day,#calendarbig .mv_head_ext_month_day
{
    padding: 2px 2px;
    border-bottom: 1px solid #c0c0c0;
	
    font-size: 11px;
    text-align: right;
}

#calendarbig td
{
    border: 1px solid #c0c0c0;
    vertical-align: top;
    font-size: 10px;
    text-align: center;
    height: 63px;
    width: 133px;
}

#calendarbig .week_td, #calendarbig .day_td
{
    height:36px;
}

#calendarbig caption
{
    padding: 8px 0 8px 0;
    overflow:hidden;
}

#calendarbig caption .nav
{
    float:left;
    padding-right:1em;
}

#calendarbig caption .mid
{
    float:left;
    padding-left:300px;
    font-weight:bold;
}

#calendarbig caption .scope
{
    float: right;
    padding-left:1em;
}

#calendarbig .mv_cnt
{
}

#calendarbig .item_code
{
    padding:2px;
}

#calendarbig .vacation
{
    background-color:orange;
    width:100%;
}

.calpicker
{
    clear:both;
    border: 1px solid #c0c0c0;
    border-collapse: collapse;
    background-color:white;
}

.calpicker th
{
    background: #d0d0d0;
    font-size: 11px;
}

.calpicker .active_day
{
    background: #bbbbbb;
    color:white;
}

.calpicker .reserved
{
	color: red;
	font-weight: bold;
}

.calpicker .reserved:hover
{
    cursor:auto;
    background:white;
    color:red;
}

.calpicker .cur_month_day
{
    background: #f0f0f0;
}

.calpicker .ext_month_day
{
    background: #ffffff;
    color: #c5c5c5;
}

.calpicker td:hover
{
	background: #e77817;
	color: white;
	cursor: pointer;
}

.calpicker td
{
    border: 1px solid #c0c0c0;
    vertical-align: top;
    font-size: 10px;
    text-align: center;
    padding: 2px 3px 2px 3px;
}

.calpicker caption
{
    padding:2px;
    background-color:white;
    border-top:4px solid #c0c0c0;
    overflow:hidden;
}

.calpicker caption .nav
{
    float:left;
    padding-right:3px;
}

#horizontal_calendar
{
width:100%;
}

#demo_info
{
    clear:left;float:left;
    margin-top:10px;
    border: 3px solid red;
    padding:2px;
    font-size: 10px;
    font-weight:bold;
    background:#ffffcd;
}

#page_header
{
margin-bottom:20px;
overflow:hidden;
}

#page_header #commands
{
float:right;
clear:right;
margin-bottom:2px;
}

#page_header .flag
{
float:right;
margin-bottom:10px;
    margin-left: 4px;
}

#page_header img
{
float:left;
clear:left;
display:block;
}

#cal
{
	clear: both;
	border-collapse: collapse;
	
	width: 100%;
	border: 1px solid #c0c0c0;
}

#expired_res,#upcoming_res
{
    padding-top: 20px;
}

#pricing
{
    padding-top: 20px;
    line-height: 1.2;
}

#horizontal_calendar
{
    padding-top: 10px
}

.stdtable
{
    clear:both;
    border-collapse:collapse;
    border: 1px solid #c0c0c0;
}

.stdtable td
{
    border: 1px solid #c0c0c0;
    font-size: 10px;
    text-align: left;
    padding:2px 5px 2px 5px;
}

.stdtable th
{
    background: #f0f0f0;
    padding: 2px 5px 2px 5px;
    font-size: 11px;
    text-align: left;
}

.cal_legend {
border: 1px solid #c0c0c0;width:14px;text-align: center;padding:0px 0px 2px;font-size:14px;background-color:white;
}
.cal_legend_text {
margin-left:3px;float:left;padding:6px 0;font-size:10px
}

#cal caption
{
    padding-bottom: 8px;
    overflow:hidden;
}

#cal caption .earlier
{
	float: left;
}

#cal caption .later
{
    float: left;
    margin-left:10px;
}

#cal tr.days th
{
	background: #f0f0f0;
	padding: 2px 0;
	
	font-size: 11px;
	text-align: left;
}

#cal tr.hours th
{
	border-bottom: 1px solid #c0c0c0;
}

#cal tr.hours th,#cal tr.hours2 th
{
	width: 16px;
	padding: 2px 0;
	background: #f0f0f0;
	font-size: 8px;
	text-align: center;
}

#cal td
{
	border: 1px solid #c0c0c0;
	font-size: 10px;
	text-align: center;
    background:white;
}

#cal td:hover
{
	background: #e77817;
	
	color: white;
	
	cursor: pointer;
}

#cal .resource
{
	width: 16em;
	padding: .2em;
	
	font-size: 12px;
	text-align: left;
}

#cal .resource:hover
{
	background: transparent;
}

#cal td.reserved
{
	background: #e8e8e8;

	color: red;
	font-size: 14px;
	font-weight: bold;
	
	cursor: auto;
}

#cal td.partial,
#cal td.partial2
{
	color: green;
    font-weight:bold;
}

#cal td.partial:hover,
#cal td.partial2:hover
{
	color: white;
}

#cal td.partial2
{
    background-color:#e8e8e8
}

.summary
{
	list-style: none;
    clear:left;
}

.summary li
{
    line-height:1.1;
    clear:left;
    margin-bottom:5px;
}

.summary li b
{
    display: block;
    float:left;
    width: 10em;
    margin-bottom:5px;
}

.img_thumb
{
    float:left;
}

.img_thumb_desc
{
    clear:left;
    float:left;
    margin-left:5px;
}

.tabs
{
    position: relative;
    top: 1px;
    padding: 0 1em;
    overflow: hidden;
    z-index: 2;
    clear:left;
}

.tabs ul
{
	list-style: none;
}

.tabs li
{
	display: inline;
	float: left;
}

.tabs li a
{
	display: block;
	padding: .5em 1em;
	border: 1px solid transparent;
	
	font: normal 12px Tahoma, Verdana, Arial, sans-serif;
	color: black;
	text-decoration: none;
}

.tabs li a:hover
{
	border: 1px solid #f8f8f8;
	border-bottom: none;
	background: #f8f8f8;	
}

.tabs li a.active
{
	display: block;
	border: 1px solid #808080;
	border-bottom: 1px solid white;

	background: white;
	
	font-weight: bold;
}

.tabs_panel
{
    z-index: 1;
    clear:both;
    border-top: 1px solid #c0c0c0;
}

#bg_hider .buttons
{
    padding: 8px;
}

#bg_hider .buttons .leftbtn
{
	float: left;
}

#bg_hider .buttons .rightbtn
{
    float: right;
    margin-right:25px;
}

#bg_hider .buttons .prev,
#bg_hider .buttons .next,
#bg_hider .buttons .play,
#bg_hider .buttons .pause,
#bg_hider .buttons .close
{
	display: block;
	width: 28px;
	height: 28px;
}

#bg_hider .buttons .prev		{ background: url(slideshow/btn-prev.png); }
#bg_hider .buttons .prev:hover	{ background: url(slideshow/btn-prev-hvr.png); }
#bg_hider .buttons .next			{ background: url(slideshow/btn-next.png); }
#bg_hider .buttons .next:hover	{ background: url(slideshow/btn-next-hvr.png); }
#bg_hider .buttons .play			{ margin-left: 4px; background: url(slideshow/btn-play.png); }
#bg_hider .buttons .play:hover	{ background: url(slideshow/btn-play-hvr.png); }
#bg_hider .buttons .pause			{ margin-left: 4px; background: url(slideshow/btn-pause.png); }
#bg_hider .buttons .pause:hover	{ background: url(slideshow/btn-pause-hvr.png); }
#bg_hider .buttons .close			{ background: url(slideshow/btn-close.png); }
#bg_hider .buttons .close:hover	{ background: url(slideshow/btn-close-hvr.png); }

.mult_col_row {
float:left;margin-right:30px;width:190px;text-align:left;margin-bottom:5px;
}

.tip-title {
	color: white;
	width: 250px;
	z-index: 13000;
}

.tip-text {
    display:none
}

.tip {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #062245;   
}

.images_simple {
width:185px;
}

.image_simple {
float:left;
padding:3px;
background-color:black;
margin:2px;
}

#start_date,#end_date,#one_date {
    width:11em
}

#copyright {
    font-size:10px;
}

.cart_product {
padding-bottom:5px;
margin-right:10px;margin-top:10px;margin-bottom:20px;
float:left;
text-align:center;
width:200px;
}

.draggable img {
    border:1px solid #bbbbbb;
    background:#dddddd;
}

.item_code_initials {
}

.invisible {
    display:none
}

.prod_price {
    white-space: nowrap;
    font-size: 10px;
    color: #666666;
    font-weight:normal;
}

.news_item {
	font-size:11px;
	color:#888888;
	float:left;
	clear:both;
    text-align:justify;
    margin-bottom:5px;
	line-height: 1.3;
}

.news_item u {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
    color:black;
}

.get_started {
    color: #062245;
    font: normal 25px Tahoma, Verdana, Arial, sans-serif;
}

.get_started_div {
    text-align:center;
    margin-bottom:20px;
    width:280px;
    margin-right:20px;
}

.get_started_text {
    color: #062245;
    font: normal 12px Tahoma, Verdana, Arial, sans-serif;
}

.color_box {
width: 7px; height:8px;vertical-align:middle;border:1px solid #777777;
}

.option_name
{
	font-weight:bold;
}

#atff
{
    display:none;
}

#user_demo,
#admin_demo,
#whats_new
{
    float: right;
    clear: right;
    display: inline;
    
    margin-bottom: 20px;
    width: 300px;
    height: 200px;
    
    border: 4px solid #e77817;
    text-decoration: none;
    text-align: right;
}

#user_demo
{
    background: url(images/userdemo.png);
}

#admin_demo
{
    background: url(images/admindemo.png);
}

#user_demo .caption,
#admin_demo .caption
{
    position: relative;
    top: 180px;

    height: 24px;

    border: 1px solid white;
    border-right: none;
    border-bottom: none;
    background: #e77817;

    padding: 8px;
    padding-left: 10px;
    padding-right: 4px;
    padding-bottom: 6px;

    font-weight: bold;
    color: white;
}

#button_trial,
#button_affiliate,
#button_pricing
{
    float: left;
    display: block;
    
    width: 120px;
    height: 50px;
}

#button_trial
{
    background: url(images/freetrial.png);
}

#button_pricing
{
    background: url(images/pricing.png);
}

#button_affiliate
{
    background: url(images/affiliate.png);
}
#plugins, #plugins2 {
    float:left;
    clear:left;
}

#plugins td, #plugins2 td {
    text-align:center;
    padding:5px;
}

#feature_list img {
    vertical-align:middle;
    padding-bottom:5px;
}

.template_help {
    font-style:italic;
    margin-bottom:35px;
    padding-left:180px;
}

.feat_span {
    float:left;
    width:300px;
}

.plugin_span {
    text-align:center;
    float:left;
    width:90px;
}

.cust-week-q b {
}

.cust-week-q {
    float:left;
    clear:none;
    width:750px;
    margin-left:10px;
    margin-top:5px;
    font-size:11px;
    text-align:justify;
    font-style:italic;
}
