body {
	font: 12px Tahoma, Verdana,  Helvetica, sans-serif;
	color: #3c3c3c;
	background: #cfe2ee url(../images/back.gif) repeat-x;
	margin: 0px;
	padding: 49px 0px;
	text-align: center;
	line-height: 150%;
}


/* tags */

a img{
	border: none;
}


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

a:hover{
	text-decoration: none;
}

a.text{
	padding: 0px 4px;
}

a.text:hover{
	background: #eee;
}	


h1, h2, h3{
	padding: 0px;
	margin: 0px;
}

fieldset{
	border: solid 1px #b3b3b3;
	padding: 5px;
	margin-bottom:  5px;
}

legend{
	color: #ff6600;
	font-weight: bold;
	padding: 5px;
}

/* main containers*/

#maincontainer{
	width: 800px;
	margin: 0px auto;
	text-align: left;
	background: url(../images/contentt.gif) no-repeat left top;	
	padding-top: 14px;
}

#maincontainerwrapper{
	background: #fff url(../images/contentf.gif) no-repeat left bottom;	
	padding: 5px 10px 22px 10px;
}

/* header */

#header{
	background: url(../images/headerb.gif) repeat-x left bottom;
	padding-bottom: 24px;
}

#logowrapper{
	width: 220px;
	float: left;
}

#headercontent{
	text-align: right;
}

#headerlinks{
	color: #ff6600;
}

#headermenu{
	margin-top: 23px;
	height: 29px;
	overflow: hidden;
}

/* footer */

#footer{
	color: #ff6600;
	margin-top: 10px;
}

#footerinfo{
	width: 300px;
	float:left;
}

#footerlinks{
	text-align: right;
}

#footer a, #footer td, #footer p, #footer div{
	color: inherit;
}

/* columns */

#leftcolumn {
	width: 292px;
	float: left;	
}

#rightcolumn {
	width: 468px;
	float: left;
	margin-left:20px;
	padding-top: 10px;	
}

#preview {
	float: left;
	width: 100px;
}


/* Fix Page Structure */

.clrfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clrfix {height: 1%;}
.clrfix {display: block;}
/* End hide from IE-mac */

/* tabs */
.tabs {
	background: url(../images/tabb.gif) repeat-x left top;
	float: left;
	color: #fff;
	font-size: 11px;
	padding: 3px 10px;
	margin-right: 3px;
}

.tabson {
	background: url(../images/tabb_on.gif) repeat-x left top;
	padding: 3px 10px;	
	margin-right: 3px;	
}

.tabcontent {
	clear: both;
	border: solid 1px #b3b3b3;
	padding: 5px;	
}

.tbl {
	padding: 0px;
}
.tbl TH {
	background-color: #fa0;
	font-size: 10pt;
}
.tbl TD {
	background-color: #eee;
	font-size: 10pt;
}
.tbl TD, .tbl TH {
	padding: 3px 8px;
}

.tbl A {
	font-size: 10pt;
	color: #000;
}

/*tooltip*/

.tool-tip {
	color: #000;
	width: 150px;
	border: 2px Solid #f60;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #f60;
	padding: 8px 8px 4px;
	background-color: #fff;
	
}
 
.tool-text {
	text-align: left;
	font-size: 11px;
	padding: 4px 8px 8px;
	background-color: #fff;
}

.about {
	padding-bottom: 5px;
}

#block-about{
	width: 400px;
	float: left;
}

#block-screen{
	width: 350px;
	float: left;
	margin: 10px 15px 0px 15px
}

#column0, #column1, #column2, #column3{
	padding: 10px;
}


#column0, #column2{
	background: #f6f6f6;
}

#introbutton{
	text-align: center;
	padding: 10px;
}

.intrologo{
	text-align: center;
}

#edit-block {
	background-color: #fff;
	padding: 3px;
	z-index: 100;
	border: 2px Solid #f60;
}
#edit-block TABLE TD {
	font-size: 12px;
	color: #f60;
}

.window {
	background-color: #fff;
	padding: 3px;
	z-index: 100;
	border: 2px Solid #f60;
}

.window table td {
	font-size: 12px;
	color: #f60;
}

.grid-img {
	width: 200px;
}
.grid-img IMG {
	padding: 5px;
}
#template_list {
	overflow: auto;
	width: 100%;
}
#template_list IMG {
	cursor: pointer;
}
#button-list {
	overflow: auto;
	height: 195px;
}
#tab_template{
	overflow: auto;
}

.error {
    font-size: 12px;
    color: #f00;
}

.x-hidden {
    display: none;
}

.status {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #b00;
	color: #fff;
	letter-spacing: 1px;
	padding: 0px 3px;
}