/*--- Main Content ---*/

body
{
	margin: 0;
	padding: 0;
	background-color: #DDDDDD;
	font-family: arial, tahoma, verdana;
	font-size: 16px;
}

center, div, form, img, td, th
{
	margin: 0;
	padding: 0;
	border: 0;
}

img.bordered
{
	border: 1px solid #666666;
	margin: 10px;
}

table
{
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

h1
{
	margin: 16px 0;
	padding: 0;
	color: #666666;
	font-family: 'New Times Roman', Times;
	font-size: 30px;
	font-weight: bold;
}

h2
{
	margin: 16px 0;
	padding: 0;
	color: #666666;
	font-family: 'New Times Roman', Times;
	font-size: 24px;
	font-weight: bold;
}

h3
{
	margin: 16px 0;
	padding: 0;
	color: #666666;
	font-family: 'New Times Roman', Times;
	font-size: 20px;
	font-weight: bold;
}

p
{
	padding: 0;
	margin: 16px 0;
}

p.error-message
{
	color: #DD0000;
	font-weight: bold;
}

p.success-message
{
	color: #008800;
	font-weight: bold;
}

input, textarea
{
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	font-family: arial, tahoma, verdana;
}

div.divider
{
	margin: 16px 0;
	border-bottom: 1px solid #CCCCCC;
}

a, a:visited, a:active, a:link
{
	color: #0000FF;
	text-decoration: none;
}

a:hover
{
	color: #6699CC;
	text-decoration: underline;
}

/*--- Page Template ---*/

div#page
{
	background-color: #FFFFFF;
	border-left: 1px solid #FB991D;
	border-right: 1px solid #FB991D;
	width: 970px;
	text-align: left;
}

div.header
{
	height: 130px;
}

p.slogan
{
	margin: 0;
	padding: 0 0 8px 0;
	color:#880000;
	font-size: 15px;
	font-weight: bold;
}

div.hmenu a, div.hmenu a:visited, div.hmenu a:active, div.hmenu a:link
{
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 3px 10px 4px 10px;
	color: #FFFFFF;
	background-color: #FB991D;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: none;
	border-left: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

div.hmenu a:hover, div.hmenu a#hmenu-current
{
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px 11px 3px 11px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	text-decoration: none;
}

div#header-login
{
	display: block;
	margin: 10px;
	background: #FB991D;
	border: 1px solid #880000;
}

div#header-login input
{
	color: #880000;
	background: #DDDDDD;
	border: 1px solid #880000;
}

div#header-login td
{
	color: #880000;
	font-size: 12px;
	font-weight: bold;
}

div#header-login a, div#header-login a:visited, div#header-login a:active, div#header-login a:link
{
	color: #880000;
	font-size: 12px;
	font-weight: normal;
}

p.copyright
{
	margin: 0;
	padding: 2px;	
	color:#880000;
	background-color: #F68D0B;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

p.copyright a, p.copyright a:visited, p.copyright a:active, p.copyright a:link, p.copyright a:hover
{
	color:#880000;
}

/*--- Advertisement ---*/

div.ad
{
	width: 160px;
	height: 600px;
}

p.ad-title
{
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

div.ad-block
{
	margin: 0 0 10px 0;
	padding: 8px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

div.ad-block a, div.ad-block a:visited, div.ad-block a:active, div.ad-block a:link, div.ad-block a:hover
{
	display: block;
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

div.ad-block p
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}

/*--- Static Tabs ---*/

div.tabs
{
	margin: 16px 0;
	border-bottom: 1px solid #888888;
}

div.tabs a, div.tabs a:visited, div.tabs a:active, div.tabs a:link
{
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 2px 8px 2px 8px;
	vertical-align: bottom;
	color: #FFFFFF;
	background-color: #AAAAAA;
	border: 1px solid #888888;
	border-bottom: none;
	font-size: 14px;
	font-weight: bold;
}

div.tabs a#current-tab
{
	padding: 3px 10px 3px 10px;
}

div.tabs a:hover, div.tabs a#current-tab
{
	color: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
}

/*--- Left Menu ---*/

div.left-menu
{
	margin: 0 10px 8px 0;
}

div.left-menu a, div.left-menu a:visited, div.left-menu a:active, div.left-menu a:link
{
	display: block;
	padding: 2px 8px;
	width: 120px;
	vertical-align: bottom;
	color: #FFFFFF;
	background-color: #AAAAAA;
	border: 1px solid #888888;
	font-size: 14px;
	font-weight: bold;
}

div.left-menu a#current-item
{
	padding: 3px 8px;
	background: url(/img/marker.png) no-repeat 115px center;
}

div.left-menu a:hover, div.left-menu a#current-item
{
	color: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
}

/*--- Work Area ---*/

div#an-error, form#jump, div#creator
{
	display: none;
}

p#creator-error
{
	margin: 0;
	padding: 0;
	display: none;
}

div#main-area
{
	display: block;
}

p.small-warning
{
	margin: 0;
	padding: 0;
	color: #DD0000;
	font-size: 12px;
	font-weight: bold;
}

/*--- Project Block ---*/

table.project-block
{
	margin-bottom: 4px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

table.project-block td, table.project-block a, table.project-block a:visited, table.project-block a:active, table.project-block a:link, table.project-block a:hover
{
	font-size: 12px;
	font-weight: bold;
}

table.project-block p
{
	padding: 0 8px 0 0;
	margin: 0;
	width: 580px;
	height: 1.2em;
	overflow: hidden;
	font-weight: bold;
}

/*--- Page Block ---*/

table.page-block
{
	border-collapse: separate;
	empty-cells: show;
	margin-bottom: 4px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

div.page-null
{
	margin-bottom: 4px;
	border: 1px solid #FFFFFF;
}

table.page-block p
{
	padding: 0;
	margin: 0;
	width: 450px;
	height: 1.2em;
	overflow: hidden;
	font-weight: bold;
}

/*--- Progress Bar ---*/

div.progress
{
	height: 8px;
	border: 1px solid #888888;
	font-size: 0;
}

div.progress-bar
{
	width: 0;
	height: 8px;
	background: #AAAAAA;
	font-size: 0;
}

/*--- Page Content ---*/

div#page-content
{
	display: none;
}

div.item-block
{
	margin-bottom: 4px;
}

table.item-block
{
	border-collapse: separate;
	empty-cells: show;
	width: 586px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

div.item-text
{
	width: 396px;
	padding: 8px;
	border: 1px solid #CCCCCC;
	font-size: 10pt;
	overflow: hidden;
}

div.item-text p, div.item-text br
{
	margin:0 0 12px 0;
	padding: 0;
}

input.item-button
{
	width: 140px;
}

div.item-button-divider
{
	font-size: 0;
	height: 8px;
	border-top: 1px solid #CCCCCC;
}

table.item-block a, table.item-block a:visited, table.item-block a:active, table.item-block a:link, table.item-block a:hover
{
	font-size: 12px;
	font-weight: bold;
}

div.item-link
{
	width: 1000px;
	height: 1.2em;
	overflow: hidden; 
}

div.item-info
{
	width: 310px;
	overflow: hidden;
}

/*--- Java Script Tabs ---*/

div.jtabs a, div.jtabs a:visited, div.jtabs a:active, div.jtabs a:link
{
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 2px 8px 2px 8px;
	vertical-align: bottom;
	color: #FFFFFF;
	background-color: #AAAAAA;
	border: 1px solid #888888;
	border-bottom: none;
	font-size: 14px;
	font-weight: bold;
}

div.jtabs a#current-jtab
{
	padding: 3px 10px 3px 10px;
}

div.jtabs a:hover, div.jtabs a#current-jtab
{
	color: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
}

div.jtab
{
	width: 584px; /* -2 */
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

/*--- Text Editor ---*/

div.toolbar
{
	padding: 8px;
}

table.toolbar td
{
	padding-right: 2px;
}

a.toolbutton, a.toolbutton:visited, a.toolbutton:active, a.toolbutton:link, a.toolbutton:hover

{
	display: inline-block;
	margin: 0;
	padding: 2px;
	width: 20px;
	height: 20px;
	background: #EEEEEE url(/img/bg-button.png) no-repeat;
	text-decoration: none;
	font-size: 0;
}

a.toolbutton:hover
{
	background-image: url(/img/bg-button-hover.png);
}

a.dropbutton, a.dropbutton:visited, a.dropbutton:active, a.dropbutton:link, a.dropbutton:hover

{
	display: inline-block;
	margin: 0;
	padding: 2px;
	width: 6px;
	height: 20px;
	background: #EEEEEE url(/img/dropdown-button.png) no-repeat;
	text-decoration: none;
	font-size: 0;
}

a.dropbutton:hover
{
	background-image: url(/img/dropdown-button-hover.png);
}

a.toolbutton img, a.toolbutton:visited img, a.toolbutton:active img, a.toolbutton:link img, a.toolbutton:hover img
{
	border: none;
}

div.color-button
{
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #CCCCCC;
}

div.edit
{
	padding: 0 8px;
	background-color: #EEEEEE;
}

iframe.edit
{
	border:1px solid #CCCCCC;
	width: 566px; /* 0 */
	height: 250px;
}

/*--- Editors ---*/

div#text-editor, div#image-editor, div#web-editor, div#vcall-editor, div#sms-editor, div#email-editor
{
	display: none;
	width: 584px; /* -2 */
	margin-bottom: 4px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

/*--- Image Full Size Viewer ---*/

div.image-border
{
	padding: 8px;
}

table.image-border td
{
	padding: 8px;
	border: 1px solid #CCCCCC;
}

div.image-border p
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

/*--- Form Table with Border and Background ---*/

table.form
{
	border-collapse: separate;
	empty-cells: show;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

table.form td, table.form a, table.form a:visited, table.form a:active, table.form a:link, table.form a:hover
{
	font-size: 12px;
	font-weight: bold;
}

/*--- Login Form ---*/

table.login
{
	border-collapse: separate;
	empty-cells: show;
}

/*--- Simple Form ---*/

table.sform
{
	border-collapse: separate;
	empty-cells: show;
}

table.sform td
{
	font-size: 12px;
	font-weight: bold;
}

/*--- Info Table ---*/

table.info td
{
	padding: 2px 8px 2px 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
}

table.info .value
{
	font-weight: bold;
	color: #880000;
}

/*--- Color Selection ---*/

td.color-select
{
	width: 60px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}

div.color-selector
{
	display: none;
	position: absolute;
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #888888;
}

div.color-selector table
{
	border-collapse: separate;
	empty-cells: show;
}

div.color-selector a, div#color-selector a:visited, div#color-selector a:active, div#color-selector a:link, div#color-selector a:hover
{
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #888888;
	font-size: 0;
	text-decoration: none;
}

/*--- Image And Text Link ---*/

a.image-link, a.image-link:visited, a.image-link:active, a.image-link:link, a.image-link:hover
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.image-link:hover span, a.image-link:hover div
{
	text-decoration: underline;
}

a.image-link img, a.image-link:visited img, a.image-link:active img, a.image-link:link img, a.image-link:hover img
{
	border: none;
	margin-right: 4px;
	vertical-align: middle;
}

/*--- Right Corner Info ---*/

div.right-corner
{
	float: right;
	margin: 0 0 20px 20px;
	padding: 0 0 8px 8px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/*--- Data Table ---*/

table.data
{
	border: 1px solid #CCCCCC;
}

table.data th, table.data td
{
	margin: 0;
	padding: 2px;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 12px;
	font-weight:  bold;
}

table.data .left
{
	padding-left: 10px;
	text-align: left;
}

table.data th
{
	color: #666666;
	background-color: #EEEEEE;
}