html{font-family:Arial,Helvetica,sans-serif;}

body{background:url(../images/body_bg.gif) repeat-x 0 -35px;}

h1{margin-bottom:.4em;color:#2a5877;font-weight:normal;font-size:1.95em;border-bottom:1px solid #CCCCCC;}
h1.alt{border-bottom:1px solid #ced2d2;padding-bottom:1px;}
h1 .sub{color:#0289b6;font-style:italic;}
h2{margin-bottom:1em;border-bottom:1px solid #ced2d2;padding-bottom:3px;color:#060606;font-size:1.25em;}
h2{color:#B20000;  font-size:18px;}

h2.alt{padding-bottom:0;color:#006996;font-size:1.5em;font-weight:normal;}
h2 span{color:#000 }
h3.alt{margin-bottom:0;}
h3{margin-bottom:.5em;color:#060606;font-size:1.25em;}
h4{font-size:1.05em;}
h5{font-size:1em;}h1 a,h1 a:hover,h2 a,h2 a:hover,h3 a,h3 a:hover,h4 a,h4 a:hover{font-weight:bold;font-size:12px;}
  
.jui .ui-dialog-titlebar {background-color:#333;}
 .cx_testimonials{
			border:1px solid #cccccc; 
			padding:10px; margin:5px;
			background-color:#f1f1f1;
			}
			 .cx_testimonials .testi{color:#333333; font-size:15px; font-style:italic; margin-bottom:10px;}  

.admintoolbar{border-top:2px solid #CCCCCC; background-color:#EEEEEE; padding:3px;}
.toolbar{border-top:2px solid #CCCCCC; background-color:#EEEEEE; padding:3px;}

.sub_message{color:#999999; font-size:90%; padding:8px;}
.sub_message a{color:#666666;}

.header_logo{
	float:left; 
	height:50px; 
	margin-top:4px; 
	cursor:pointer;
	text-align:left;
	overflow:hidden;
}
.header_menu ul{margin:0; padding:0; padding-top:3px; margin-top:0px; font-size:11px} 
.header_menu li{display:inline;  margin-left:10px; color:#0088B5; float:right; }
.header_menu li a{color:#0088B5; }
.separator {
padding:0 5px 0 7px;

}


   .form_row label{display:block; float:left; width:120px;}
   .form_row{padding:3px; clear:both}
   label.error{color:red}



/*
Style Selector
*/ 
table.form td{padding-top:3px;}

.creator-bg-item-preview{border:1px solid #CCCCCC;}
.creator-bg-item-toolbar{padding:2px}
.creator-bg-item-toolbar-item{float:left; height:16px; width:16px; cursor:pointer; border:1px solid #FFFFFF; opacity:0.8}
.creator-bg-item-thumbs-up{
	background-image:url(../images/styleSelector/thumbs-up.gif);
}
.creator-bg-item-thumbs-down{
	background-image:url(../images/styleSelector/thumbs-down.gif);
}
.creator-bg-item-zoom{
	background-image:url(../images/styleSelector/zoom-icon.gif);
}
.creator-bg-item-thumbs-choose{
	/*background-image:url(../images/styleSelector/choose.english.gif);*/
	width:64px; 
	float:right;
}
.creator-col-dd {
	padding:5px;
	font-size:18px;
	background-color:#DDD;
}
.creator-col-header {
	padding:5px;
	font-size:18px;
	background-color:#DDD;
}
.creator-col-result-header{
	padding:5px;
	font-size:18px;
	background-color:#DDD;
	height:27px;
}
.creator-col-list-div{
	padding:10px;
	font-size:12px;
	cursor:pointer;
	overflow:auto;
	height:540px;
}
.creator-col-list {
}
.creator-col {
	border:2px solid #DDD;
}
.creator-col-result{
}
.creator-col-result-list{
	min-height:480px;
}
.creator-col ul {
	margin:0;
	padding:0;
	list-style:none
}
.creator-bg-item {
	width:200px;
	float:left;
	border:1px solid #DDD;
	padding:2px;
	margin:8px;
	position:relative;
	cursor:pointer;
	padding:2px;
}

.creator-bg-item-over{
border:1px solid #0C3;
}


.creator-col-result-pagination {
	float:right;
	width:250px;
}
.creator-col-list-item-selected {
	background-color:#9CC;
}
.creator-col-list-item-over {
	background-color:#FFC; ;
	/*background:no-repeat url(../images/styleSelector/menu.over.gif)*/
}
.creator-col-list li {
	margin-left:15px;
	font-size:12px;
	padding-left:5px;

}
.creator-col-list li.myfavorite{
	list-style:url(../images/styleSelector/thumbs-up.gif)
}
.creator-col-list-parent{
	list-style:url(/common/images/icons/plus.png);
}

.selected{
	list-style:none;
	background-color:#9CC;
}
.parent-selected{
	list-style:url(/common/images/icons/minus.png);
	background-color:#9CC;
}

.creator-col-list-subcollection {
	display:none;
	padding-left:25px;
}
.input-styled-wrap {
	width:152px;
}
.input-styled {
	background:url(../images/inputs/input.body.gif) no-repeat;
	float:left;
	width:123px;
	height:26px;
}
.input-styled-input {
	background:none;
	font-size:12px;
	border:0px;
	width:120px;
	float:left;
	padding-left:5px;
	padding-top:5px;
}
.input-styled-button {
	background:url(../images/inputs/input.button.go.gif) no-repeat;
	float:left;
	width:27px;
	height:26px;
	cursor:pointer;
}



/* These are the flying messages */
.content{padding-top:30px;}
.alert{
	background:#D7FFD7 none repeat scroll 0 50%;
	border:2px solid #090;
	color:#000;
	cursor:pointer;
	margin-top:5px;
	min-height:50px;
	padding:3px 10px;
	position:fixed !important;
	position:absolute;
	top:50px;
	width:969px;
	z-index:9999;
	font-size:12px;
	font-weight:bold;
}
.alert-error{
	background: #FFEAEA none repeat scroll 0 50%;
	border:2px solid  #F00;
	color:#000;
	cursor:pointer;
	margin-top:5px;
	min-height:50px;
	padding:3px 10px;
	position:fixed !important;
	position:absolute;
	top:50px;
	width:969px;
	z-index:9999;
	font-size:12px;
	font-weight:bold;
}



/*#banner {Height:250px;border:1px solid #cccccc;}*/

#header{
	/*height:45px;;*/
	margin-top:10px;
	height:79px;
}
	
#footer{
	background:url(../images/footer_bg.gif) no-repeat;
	height:100px;
	margin-top:25px;
} 
.wid-promenu-container{
	margin-top:10px;
	background:no-repeat url(../images/productMenu/topbg.gif);
	height:30px;
	width:940px;
	display:table;
}	
	#footer a{color:#333333}
	.wid-promenu-container.closed{ height:30px; overflow:hidden; display:block}	
	.wid-promenu-toprow{}
	.wid-promenu-subrow{height:32px; padding-top:2px; margin-bottom:10px; display:none; border-top:1px solid #888888; display:none;}
	.wid-promenu-list{ list-style:none;  margin:0; padding:5px 0 0 10px;}
	.wid-promenu-list-item{display:block; width:140px; float:left; text-align:center;  padding-left:20px; padding-right:3px;  margin:0; font-size:12px; cursor:pointer; color:white; font-weight:bold;}
	.wid-promenu-list-item-selected{background-color:#244A5B; } 
	.wid-promenu-list-subitem{display:none; padding:0; margin:0;   }
	.wid-promenu-list-subitem li{display:block; float:left; width:140px;  list-style:none; height:34px; line-height:11px; font-size:12px; padding:1px; margin:0; color:#959393;  text-align:center; cursor:pointer; border-right:1px solid #eeeeee;} 
	.wid-promenu-list-subitem li a{text-decoration:none;color:#959393;}
	.wid-promenu-list-subitem-hover a{color:#FFFF33;}
	.wid-promenu-list-subitem-over{}
	.wid-prosubnav-container a{ text-decoration:none;  color:#111111;}
.wid-prosubnav-container{
	margin-top:0px;
	sbackground-image:url(../images/productMenu/topbg.2.gif);
	height:32px;
}
	.wid-prosubnav-container-item{ border:1px solid #cccccc; width:115px; font-size:14px; height:32px; float:right; line-height:32px; text-align:center; cursor:pointer; margin-left:10px;}
.wid-prosubnav-container-item-selected{background-color:#eeeeee}
	.wid-prosubnav-container-item-over{ background-color:#dddddd}
	
	.main-content{border:1px solid #cccccc;display:table;
	width:100%;border-collapse:collapse;}
	
	.footer_row{height:130px; color:white; background-color:#000000; border-top:2px solid #cccccc; margin-top:30px; margin-bottom:20px;}
	.footer_row a{color:#cccccc; text-size:11px; text-decoration:none; font-weight:bold }
	

/*Sub menu*/

	
	/* Side Navigation/Subnav */
#subnav,
#subnav ul {
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
	list-style: none;
}
#subnav ul {
	margin: 0;
}
#subnav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnav a,
#subnav li.first li a,
#subnav li.first.current li a {
	text-decoration: none;
	display: block;
	font-size:13px;
	height: 28px;
	background: url(../images/sidemenu/nav.png) 0 -36px;
	color: #333;
	font-weight: bold;
	line-height: 28px;
	padding: 0 10px;
}
	#subnav li.first a { 
		background-position: 0 0;
	}
	#subnav li.first li.last a { 
		background-position: 0 -104px;
		height: 37px;
	}
	#subnav li.first ul.subnav2 li.last a { height: 32px }

	#subnav ul.subnav2 li a,
	#subnav li.current ul.subnav2 li a {
		height: 32px;
		background-position: 0 -72px;
		font-weight: normal;
		line-height: 32px;
		padding-left: 20px;
		color: #333;
	}

#subnav li.first li.active a { 
	background-position: -660px -36px;
	color: #fff;
}
#subnav li.first li.active ul.subnav2 a { 
	background-position: 0 -72px;
	color: #333;
}

#subnav li.first li.current.active a,
#subnav li.first li.current.active a:hover {
	background-position: -440px -36px;
	color: #fff;
	cursor: default;
}
	#subnav li.first ul.subnav2 li.current a,
	#subnav li.first ul.subnav2 li.current a:hover {
		background-position: -440px -72px;
		color: #fff;
	}
	#subnav li.first.current a,
	#subnav li.first.current a:hover { background-position: -440px 0; color: #fff;}
	#subnav li.first li.last.current a { background-position: -440px -104px; }

#subnav li.first a:hover { 
	background-position: -220px 0;
	color: #ddd;
}
#subnav li.first.current li a:hover, #subnav li.first li a:hover {
	background-position: -220px -36px;
	color: #ddd;
}
	#subnav li.active ul.subnav2 li a:hover {
		background-position: -220px -72px !important;
		color: #ddd;
	}
	#subnav li.first li.last a:hover { background-position: -220px -104px }
	
	
	
	/*Frm System*/
	
	/* CSS Document */


.frm_description{font-size:16px; max-width:500px; font-weight:bold; border-bottom:1px solid #333; padding-bottom:4px;}
.frm_details{margin-bottom:15px; max-width:500px;  font-size:12px}
.frm_editform td{padding:3px}
.frm table {
	
	border-collapse:separate;
	border-spacing:0;
	margin:0 0 1em;
	color:#000;
	border:1px solid #CCCCCC;
	padding:2px;
	width:95%;
	margin-top:15px;
	}
	
.frm tbody {
	border:1px solid #fff;
	border-width:1px 0;
	}
	

.frm td {
	padding:0.0em 0.0em;
	text-align:left;
	size:12px;
	font-size:12px;
	text-decoration:none;
	
	}
	.frm td a{text-decoration:none; font-weight:bold}
	
	.frm th td {
	padding:1em 1em;
	text-align:left;
	background:#000066;
	color:#FFFFFF;
	}
	
.frm tbody tr.odd td { 
	border-top-color:#CCCCCC;
	background:#F9F2FF;
	}
	
.frm thead th,
.frm thead td,
.frm tfoot th,
.frm  tfoot td {
	border-bottom:1px solid #523A0B;
	border-width:1px 0;
	
	font-weight:bold;
	font-size:13px;
	padding-bottom:4px;
	padding-top:4px;
	border-left:#FFFFFF 1px dashed;
	padding-left:3px;
	background:#000066;
	color:#FFFFFF;
	}	
	

	.div_frm_header{
		background:#FFF9D7 none repeat scroll 0% 50%;
		border:1px solid #E2C822;
		font-weight:bold;
		margin-bottom:10px; 
		padding:10px;
		
	}
	.div_frm_subject{font-size:14px; border-bottom:1px solid #000000; margin-bottom:5px;}
	.div_frm_details{font-size:12px; font-weight:normal;}
	.div_frm_wrapper{border:1px #FFFFFF solid;}
	.frm_result_table{ }
	.frm_info_label{color:#666666}
	.frm_link_dropdown{font-size:9px}
	.frm_input_text{font-size:9px}
	
	.row_important{background-color:#FFFF99; border:#FFFF00; font-weight:bold}

	
	 #tabsK ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsK li {
      display:inline;
      margin:0;
     margin-left:4px;
      }
    #tabsK a {
      float:left;
      background: url(/common/tabs/creator/tableftJ.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsK a span {
      float:left;
      display:block;
      background:  url(/common/tabs/creator/tabrightJ.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000000;
	  font-size:14px
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsK a span {float:none;}
    /* End IE5-Mac hack */
    #tabsK a:hover span {
      color:#FFF;
          background-position:100% -42px;
      }
    #tabsK a:hover {
      background-position:0% -42px;
      }
    #tabsK a:hover span {
      background-position:100% -42px;
          }

        #tabsK .current a {
                background-position:0% -42px;
				color:#FFF;
        }
        #tabsK .current a span {
                background-position:100% -42px;
				color:#FFF;
        }
	
	
	

	

	
	
.interface .tabs ul {
color:#6D6D6D;
font-family:Tahoma,Helvetica,Arial,Verdana;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}
.interface .tabs li {
cursor:pointer;
display:inline;
margin:0 0 0 1px;
}
.interface .tabs a {
background:transparent url(/mysite3/images/tableftS.gif) no-repeat scroll left top;
float:left;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
.interface .tabs a span {
background:transparent url(/mysite3/images/tabrightS.gif) no-repeat scroll right top;
color:#6D6D6D;
display:block;
float:left;
font-size:12px;
line-height:25px;
padding:9px 18px 4px 13px;
}
.interface .tabs a span {
float:none;
}
.interface .tabs a:hover span {
background-position:100% -82px;
color:#FFFFFF;
}
.interface .tabs a:hover {
background-position:0 -82px;
}
.interface .tabs a:hover span {
background-position:100% -82px;
}
.interface .tabs .current a {
background-position:0 -42px;
color:#6D6D6D;
}
.interface .tabs .current a span {
background-position:100% -42px;
color:#6D6D6D;
}

.interface .tb{
	background-image:url(/mysite3/skin/default/images/body_bg.gif);
	background-position:0 155px;
	border-bottom:1px solid #DDDDDD;
	height:25px;
	left:0;
	margin:0px;
	padding:6px;
	padding-top:5px;
	position:relative;
	top:0;
}

.interface .tbsmall{
	background-image:url(/mysite3/skin/default/images/body_bg.gif);
	background-position:0 155px;
	border-bottom:1px solid #DDDDDD;
	height:auto;
	left:0;
	margin:0px;
	padding:2px;
	padding-top:3px;
	position:relative;
	top:0;
font-size:80%;
}
.interface .tbsmall input{font-size:80%; margin:0; }

.interface .bb{
	background-image:url(/mysite3/skin/default/images/body_bg.gif);
	background-position:0 155px;
	border-top:1px solid #DDDDDD;
	height:25px;
	left:0;
	margin:0px;
	padding:5px;
	position:relative;
	top:0;
}

.interface button{
	border:1px solid #bbb;
	cursor:pointer;
	margin-right:2px;
	padding:3px;
	background:none;
	font-size:90%;
	margin-top:0;
}

.interface  select{
	border:1px solid #EEEEEE;
	cursor:pointer;
	margin-right:2px;
	padding:3px;
	background-color:#FFFFFF;
	font-size:90%;
}

.interface button.over{
	border:1px solid #000000;
}

.site_banner{border:1px solid #ccc;margin-top:3px;}

.interface .fieldset{padding:8px; margin:3px; border:1px solid #ccc;
