/* CSS Document */
/*button.gbtn {background:url(gstripbar.png) repeat-x;  height:26px; color:black;border:medium none; margin:0px; vertical-align:top; font:15px Arial, Helvetica, sans-serif; cursor:pointer;  border:1px solid; border-color:#CCC #999 #999 #CCC} */
div.gbtn {background:#eee; border:1px solid; border-color:#CCC #999 #999 #CCC; display:inline-block}

div.gbtnwrap{border-right:1px solid #e7e7e7; height:28px; position:relative; display:inline-block}
.button{text-decoration:none;}
.noborder{border:none;}
.box .content table thead td.white{background:none; background-color:white;}
td.info{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.system{ background:#036; color:white}
.box .content table.mceToolbar{width:auto;}
.headtext{padding:10px 15px 0px;}
.repeatsprite {background:transparent url(repeatsprites.png) repeat-x;}
.silversmall{ border:1px solid #939393; background-position:0px -314px;  line-height:1em; font-size:90%;  padding:2px 5px; vertical-align:middle}

.silversmall:hover{text-decoration:none; cursor:pointer;}
.silversmall img{vertical-align:middle}
button.silversmall {cursor:pointer}
h5{ font-size:12px; color:#333; line-height:1.3em; margin-bottom:8px;}
table#valign-top td{vertical-align:top}
h6{border-bottom:1px dotted black; margin-bottom:8px;}
fieldset.yellow{background-color:#FFC;}
table.dottedtd td {border-bottom:1px dotted #333;  font-size:12px;}
.box .content table th, .box .content table.xpadding td {padding:3px;}
.whitetxt{color:white; }
.page tr.even{background-color:#eee;}
.page tr.even:hover{background-color:#DEFF8F;}
.box {padding:8px;}
.box .header h4{padding-top:0px;}
.fl{margin-right:10px;}
.offwhite{background-color:#F4F4F4}
#tomnclock{font-family: "Segoe UI", "Lucida Grande", Arial; font-size:16px; color:black; float:right;  margin-top:6px;}
#tomnclock span{margin-right:15px;}
div.searchbar{background:url(images/search_button_box.png) no-repeat top left;  height:30px; margin-bottom:5px; position:relative; padding-left:35px; padding-top:5px; width:377px;}
/*
input.searchbartxt{background:transparent none; font-family:Arial, Helvetica, sans-serif; font-size:20px; border:0px none; padding:0px; width:430px; display:inline; margin-right:7px;}
div.searchbar input.button{position:relative; top:-5px; padding:6px 12px 7px 12px;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
div.searchbar .fl {margin:0px;}*/

form.searchbar li{float:left; margin:0px; }
 input.button.searchbar{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
 input.searchbartxt{background:transparent none; font-family:Arial, Helvetica, sans-serif; font-size:20px; border:0px none; padding:0px; width:260px; display:inline;margin:0px;vertical-align:text-top  }
 input.searchbarbtn{background:transparent none; display:inline; width:76px; height:30px;  border:0px; padding:0px; margin:0px; cursor:pointer;  position:relative; top:-4px; left:4px; vertical-align:text-top}
 body.no-side{background:url(images/login_back.png) repeat #333; height:100%; padding-top:50px }
 .tomnlogo{font-family:"Segoe UI", "Lucida Grande", Arial; font-size:28px ; text-align:center; color:white;}
 .small2{font-size:16px; color:#eee;}
 .login-inside .notification p{text-align:left; font-size:11px;}
 
 form.fields .login-data label		{ display: block; width: 90px; float: left; line-height: 22px; text-align: right; margin-right: 10px; }
 .contactTitle{font-family:"Segoe UI", "Lucida Grande", Arial; font-size:18px; margin-bottom:5px; line-height:1.2em;}
.btn {
	display: inline-block;
	padding: 5px 10px;
	color: black !important;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.9);
	position: relative;
	cursor: pointer;
	border:1px solid #ccc !important;
	background:#fff url("images/btn-overlay.png") repeat-x !important;
}
.btn:hover, .btn:focus, .btn:active { 
	outline:medium none;
	
	 
	
}

.selected:hover{background:#fff url("images/btn-overlay_over5.png") repeat-x  0px -8px !important;
outline:medium none;
	border: 1px solid #333 !important;
	opacity:0.9;
	-khtml-opacity: .9;
	-moz-opacity: 0.9;
text-shadow:0 1px 1px rgba(255,255,255,0.9);
	color:black !important;}
	
	a.selected2{background:#fff url("images/btn-overlay_blue.png") repeat-x  0px -8px !important;
outline:medium none;
	border:1px solid #329ECC !important;
	opacity:0.9;
	-khtml-opacity: .9;
	-moz-opacity: 0.9;
	text-shadow: none;
	color:white !important;}
.btn-special {
	font-size:110%;
	
	
}

.previewSubNav li{
	

	
	position: relative;
	cursor: pointer;


	margin-bottom:5px; }
	.previewSubNav img{
	margin-right:3px;	
	}


.previewSubNav a{display:block; color: black !important; text-decoration: none;
border:1px solid #ccc ;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	font-size: 11px;
	
		background:url(images/header_bg.png) repeat-x 0px -62px #ccc;
		padding: 5px 5px;
	
	font-family: Tahoma, Geneva, sans-serif
	
}
.previewSubNav a:hover{
	background:#ccc url("images/btn-overlay_over5.png") repeat-x  0px -8px;
	border: 1px solid #555;
}

a.btn{text-decoration:none;}
.btn-big{background:url(images/header_bg.png) repeat-x 0px -62px #fff !important;}

/* ////// wizard form */
div#wizard_list { background-color:white;
			
			
			
		}

		div#wizard_list ul {
			float:left;
		z-index:100;
		position:relative;
			list-style: none;	
			padding: 0;
			margin: 0;
			width:250px;
		
		}

		div#wizard_list ul#tabs {
			left: 0;
			z-index: 200;
			
		}

		div#wizard_list ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			z-index:300;
			position:relative;
			
		}
		
		div#wizard_list ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		div#wizard_list ul#tabs li a {
			color: #aaa;
			text-decoration: none;	
			display: block;
			padding: 10px 10px 10px 20px;
			outline: none;
			z-index:400;
			
		}
		div#wizard_list ul#tabs li a h3{color:#aaa; z-index:999}

		div#wizard_list ul#tabs li a:hover {
			text-decoration: underline;
		}
div#wizard_list ul#tabs li a.current h3{color:yellow; z-index:999;}
		div#wizard_list ul#tabs li a.current {
			background:  url('feature-tab-current.png') transparent -75px 50%  no-repeat;
			color: #FFF;
			z-index:100
		}

		div#wizard_list ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

div.wizardformsection{
	
	float:left;
	position:relative;
	left:-27px;
	z-index:1;
	clear:right;
	padding:5px 5px 5px 30px;
background-color:#f7f7f7;



				
}
		div#wizard_list ul#output {
		width:600px;	
			
		}

		div#wizard_list ul#output li {
		
			
		}

		div#wizard_list ul#output li a.btn-big {
		
		
		}
		
		div#wizard_list ul#output li a:hover {
			
		}
		
		form.wizard{border:1px solid black; padding:0px;}
		form.wizard fieldset{ border:0px none;}
		
		.cleaner {clear:both; display:block; font-size:1px; height:1px;}
		
		
		
		
.captchaImage { margin: 0 5px; }
.simpleCaptchaSelected { border: 4px solid #F30; padding:3px; }
.captchaDiv{font-family:"Segoe UI", Tahoma, "lucida grange", arial; font-size:20px; color:#03C; margin:20px 0px;}
.captchaText{color:#F00; font-size:24px; font-weight:bold}

.pop {
  position: absolute;
  display: inline; }
  .pop .pop_menu {
    display: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }
  .pop .pop_toggle {
    background-image: url(images/arrow-down.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer; }

.active .pop_menu {
  display: block;
  background-color: #eee;
  color: black;
  position: absolute;
  padding: .6em;
  width: 12em; }
  .active .pop_menu a {
    color: #fff; }
.active .pop_toggle {
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(images/arrow-up.gif); }
  
  #win-xp .newListSelected {background:#eee url(images/dropdown.gif) no-repeat center right; border:1px solid #A5ACB2; color:#000; height:20px; margin-bottom:10px; padding:0; width:173px;}
#win-xp .newListSelected div {display:block; font-size:14px; padding:0px 21px 0px 8px; text-align:left !important; width:149px;}
#win-xp ul.newList {list-style:none; color:#000; width:172px; background:#eee; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size:14px; text-align:left!important; position:absolute; z-index:9999;}
#win-xp ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
#win-xp .hiLite {background:#316ac5!important; color:#fff!important;}
#win-xp .newListHover {background:#ccc!important; color:#000!important; cursor:default;}

#win-xp .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
/* #win-xp .newListSelHover div, #win-xp .newListSelFocus div {background-color:#369}

#win-xp .newListSelHover {cursor:default;}*/

div.color_picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  background: url(images/arrow.png) no-repeat top right;
  cursor: pointer;
  line-height: 16px;
}

div#color_selector {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
}
  div#color_custom {width: 100%; float:left }
  div#color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div#color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.color_swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}


.dashboard_menu_wrapper {
	margin: -15px -15px 0 0;
}

.dashboard_menu {
	margin: 0;
	padding: 0;
	width: 100%;
	margin: 0px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	
}

.dashboard_menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 103px;
	height: 101px;
	background:url(images/dashboard_li.gif) no-repeat 0 0;
	float: left;
	margin: 15px 15px 0 0;
	text-align:center; 
}
.dashboard_menu li h5{font-size:18px; font-weight:bold; font-family:"Segoe UI", Tahoma, "lucida grange", arial; margin:5px 0px 20px 0px;;}

.dashboard_menu li:hover {
	background-position: 0 -101px;
}

.dashboard_menu a:link,
.dashboard_menu a:visited,
.dashboard_menu a:active
  {
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 1px 3px;
	color: #2e738c;
	
}

.dashboard_menu a:hover {
	color: #0590c2;
}

.dashboard_menu span {
	display: block;
	padding:0px 7px 0;
	font-size: 11px;
	text-align: center;
}


span.addme-dropdownbox, span.removeme-dropdownbox {
	border:1px #7294B3 solid;
	cursor:pointer;
	cursor:hand;
	padding:1px 3px;
	background:#4c5a8a;
	color:#ffffff;
	margin-right:3px;
}

.close-banner{display: block; width: 16px; height: 16px; float: right; background: url('images/cancel.png') top left no-repeat; margin-right: 10px; margin-top: 10px; }

.bluemoxieback{padding:3px; background:url(/_tomnAssets/styles/boxie/img/header.png) repeat-x 0px 0px;  font-family:'Segoe UI', Tahoma, 'lucida grange', arial; color:#C1D8F0; border:1px black outset;}

.fileblock {
	display: -moz-inline-box; /* FF < 3*/
	display: inline-block;
	font: normal 12px sans-serif;
	text-decoration: none;
    color: #42454a;
    border: 1px solid #bababa;
    padding: 2px 8px 3px 20px;
	margin-right: 4px;
    background: #f3f3f3 url('gstripbar.png') repeat-x 0 center;
	outline: 0;

    /* Optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.imageblock{border:4px solid black; padding:4px; float:left; margin-right:20px;}
.imageblocksmall{border:1px dotted blue; padding:3px; float:left; margin-right:20px;}




.imageblocknoborder{ padding:4px; float:left; margin-right:20px;}

#tabTemplates{min-width:900px;}
#tabTemplatesLeft{}
div.templateblock, div.templateblockpage{
background-color: transparent;	

position:relative;
    background-position: center !important;
    background-repeat: no-repeat !important;
    float: left;
  height: 71px !important;
    width: 90px !important;
    padding-left: 0px !important;
	font-weight:bold;
	padding-top:10px;
	margin-top:0px;

}

#subtabTemplates .fl,#subtabTemplates2 .fl{margin-right:5px;}


 li.templateblockblue{
	cursor:pointer;
	
background-color: transparent;	

position:relative;
    background-position: center !important;
    background-repeat: no-repeat !important;
display:block;
  height: 71px !important;
    width: 90px !important;
    padding-left: 0px !important;
	font-weight:bold;
	padding-top:10px;
	margin:0 auto;

	color:white;
	text-align:center;	
}

li.templateblockblue:hover{
background:transparent url('/_tomnAssets/images/campaignbuilder/tabsections/subtab_over_silver.png') no-repeat top left;
color:black;
	
}
li.templateblockblue:active{
background:transparent url('/_tomnAssets/images/campaignbuilder/tabsections/subtab_over_blue.png') no-repeat top left;	
}

.templateblockblueover{
background:transparent url('/_tomnAssets/images/campaignbuilder/tabsections/subtab_over_silver.png') no-repeat top left;
color:black !important;
	
}


div.tabpagesection{
background:url('/_tomnAssets/images/campaignbuilder/tabsections/page_tab_section.png') no-repeat ;
position:absolute; top:-10px; left:-9px; width:110px; height:98px;	

	
}

div.tabpagesectionblue{
background:url('/_tomnAssets/images/campaignbuilder/tabsections/page_tab_section_blue.png') no-repeat ;
position:absolute; top:-10px; left:-9px; width:110px; height:98px;	

	
}

div.tabpagesectionpurple{
background:url('/_tomnAssets/images/campaignbuilder/tabsections/page_tab_section_purple.png') no-repeat ;
position:absolute; top:-10px; left:-9px; width:110px; height:98px;	

	
}

div.tabpagesectionorange{
background:url('/_tomnAssets/images/campaignbuilder/tabsections/page_tab_section_orange.png') no-repeat ;
position:absolute; top:-10px; left:-9px; width:110px; height:98px;	

	
}

div.templateblock:hover{
	
 background-image: url(images/templateblock-hover.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;


   
    float: left;
   
    width: 90px !important;	
}


div.templateblock:active{
	
 background-image: url(images/templateblock-hover_silver.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;


   
    float: left;
   
    width: 90px !important;	
}


div.templateblockover{
	
 background-image: url(images/templateblock-hover.png) !important;
   position:relative;
    background-position: center !important;
    background-repeat: no-repeat !important;
    float: left;
  height: 71px !important;
    width: 90px !important;
    padding-left: 0px !important;
	font-weight:bold;
	padding-top:10px;
	
}


div.templateblockfade{
	
 background-image: url(images/templateblock-hover_fade.png) !important;

    background-position: center !important;
    background-repeat: no-repeat !important;
    float: left;
  height: 71px !important;
    width: 90px !important;
    padding-left: 0px !important;
	font-weight:bold;
	padding-top:10px;
	
	
}



.templatepagesectioncontent {
	
	background-color:#d6dbbf;
	 
	
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888; }
	
	

.templatepagesectioncontentblue {
	background-color:#b4cee6;
	 
	
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888; }
.templatepagesectioncontentpurple {
	background-color:#9777ff;
	 
	
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888; }	
	
.templatepagesectioncontentorange {
	background-color:#e4704c;
	 
	
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888; }	
	

div.templateblock div, div.templateblockpage div, .templateblockblue div{
 clear: both;
    display: block;
	text-align:center;
    vertical-align: bottom;
    position: relative;
    text-decoration: none;
    font-size:10px; font-family:Tahoma, Geneva, sans-serif;
   	
}

div.templateblock div.title, div.templateblockpage div.title,.templateblockblue div.title{margin-bottom:3px; padding:0px 5px;}

ul.hoverblocks li {font-family:"Segoe UI", Arial, Tahoma;  color:blue;}
ul.hoverblocks li:hover{background-color:#363; color:white; border:1px solid #272727}