/* 
===========================================
	Web TagBot Styles
===========================================
*/



  /* ====== page styles ====== */

  body      	{ background-color:#FFF; font-family:arial; margin:0px; padding:0px; }
  
.wrap 
{
	width:1000px;
	margin:0 auto;
	 box-shadow:5px 0 10px  #9D98A3, -5px 0 10px #9D98A3;
}
  
div#preview {height: 104px; 
  width: 104px; 
  position: fixed; 
text-align: right;
  top: 40%; 
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}




  form		{ margin:0px; padding:0px; }
  .btnup,
  .btndn,
  .btnsp  	{ float:left; width:1.6em; height:1.5em; border:1px solid gray; margin:1px; font-family:verdana; padding:0px; font-size:1em; font-weight:bold; }
  .btnup	{ color:black;   border-color:white gray gray white;  border-width:1px 1px 1px 1px; opacity:1.0; filter:alpha(opacity=100); }
  .btndn	{ color:#333333; border-color:gray white white gray;  border-width:2px 0px 0px 2px; opacity:0.5; filter:alpha(opacity=50); }
  .btnsp	{ color:#444444; border:0px; width:.7em; background-color:transparent; }
  .btn  	{ position:relative; width:auto; float:none; }
  .btn_left 	{ position:relative; width:auto; float:left; margin-left:5px; margin-bottom:0px; }
  .btn_right 	{ position:relative; width:auto; float:right; margin-right:5px; margin-bottom:0px; }

  .rule  	{ background-color:#e0e0e0; line-height:.4em; height:.4em; font-size:.1em;  }

  .bevel1 	{ position:relative; background-color:#EEEDF0; clear:both; z-index:4;padding:2px 0px; }
	.bevel2 	{ position:relative; border:1px inset #EEEDF0;border-left:0px; }
  .bevel3 	{ position:relative; width:98%; border:1px outset #EEEDF0 padding:2px 0px; }
  div.number 	{ position:relative; float:left; height:auto; width:60px;  }
  span.number 	{ position:relative; color:#334477; left:0px; bottom:0px; padding:0px 10px; font-size:2em; line-height:80%; font-weight:bold; font-family:arial; }
  .header	{ position:relative; float:left; width:40%; font-size:1em; margin-top:.4em; font-weight:bold; color:#334477; font-family:arial; }
  .titlecolor1  { color:#000000; }
  .titlecolor2  { color:#334477; }


  .links  	{ color:#334477; display:block; font-size:.8em; line-height:150%; font-weight:bold;  
		  text-decoration:none; padding-left:5px; background-color:#e0e0e0; cursor:pointer; }
  a.links 	{ color:#334477; font-size:.9em; }
  a.links:hover { color:#99aacc; } 

  .linkholder  	{ /* can be turned off with visibility:hidden */
		  position:relative; background-color:transparent; color:#334477; float:right; width:16em; height:2em; 
		  font-size:.8em; font-weight:bold; line-height:2em; top:0px; right:20px; cursor:pointer; z-index:10;  }
  #designerLinks{ position:absolute; right:0px; top:2em; width:24em; height:auto; display:none; }
  #filesize	{ float:right; width:4em; border:0px; background-color:transparent; font-size:smaller; text-align:right; }
  #templatename { float:right; margin-right:5px; font-size:smaller; xfont-weight:bold; color:#223344; }

  #openbtn	{ /*can be turned off with visibility:hidden */ }
  div.formgroup { position:relative; width:100%; height:auto; background-color:#FFF; z-index:5; }
  .codeboxholder{ position:relative; clear:both; overflow:hidden; width:100%; height:auto; text-align:center;  }
  .codebox 	{ position:relative; margin:auto; width:100%; height:300px; border:none; font-family:courier new, monospace; font-size:.8em; overflow:auto; text-align:left; 
  padding:5px 10px;}
  .credit	{ font-size:12px; font-family:sans-serif; color:#888877; text-align:center; background-color:#010001;height:35px;padding:10px 5px;margin-bottom:10px;  }
  .credit a,
  .credit a:link, .credit a:hover   { color:#555566; }





  /* ====== stylable tagbot fields ====== */

  /* slot widths */

/*  .selblock,  .wrapper { width:850px; } *//* width:700px; for narrow presentation */
 input,  .comment,       .include { width:685px; border:1px solid #999999;  border-radius:5px;margin-right:5px   } /* width:500px; for narrow presentation */ 
  
  .caption { width:180px; }

  /* field font sizes */
  input, .comment, .include { font-family:arial; font-size:.8em;font-family:arial,sans serif; font-size:1em;}

  .caption { font-family:arial; font-size:.8em; }
  .chkmsg  { font-family:arial; font-size:.8em; } 





  /* ====== tagbot fields no-edit ====== */

  /* selection wrapper for checkbox */
  
  .selblock 	{ position:relative; margin-bottom:5px; 
		  border-bottom:1px outset #EDECED;
		  /*background-color:#dddddd; */
		  clear:both; 
		  width:100%;
		  color:navy; }
  .optblock  	{ position:relative; margin-bottom:10px; float:left; overflow:none; }

  /* input form elements */
  .wrapper { position:relative; clear:both; } /* wraps each line item */
  input    { position:relative; float:left; margin-bottom:5px;padding:5px 10px; }
  .comment, .text,   
  .include { position:relative; float:left; height:4.2em; margin-bottom:5px;  } /*textareas*/
  iframe   { position:relative; height:3em; xvisibility:hidden; } /* for includes */
  .chkbox  { position:relative; width:20px; margin:0px; padding:0px; margin-right:5px; }
  .radio   { position:relative; width:20px; margin:0px; padding:0px; margin-left:5px; }


  /* tagbot symbol styles */

  /* advisory fields */
  .spacer  { background-color:transparent; border:0px; font-size:13px; font-weight:bold; color:red; }
  .comment { background-color:#DAFFD8; color:#225500; }
  .include { background-color:#DCB6FF; color:#550055; }
  .include2{ background-color:#ddccee; color:#550055; }
 

  /* editing fields */	
  .text    { background-color:#FFFFFF; color:#000000; }
  .title   { background-color:#FFFFFF; color:#000000; font-weight:bold; }
  .url     { background-color:#E0F0FF; color:#000055; font-family:courier new, monospace; }
  .value   { background-color:#FFE9C2; color:#000000; }
  .theme   { background-color:#FCFFAB; color:#000000; }
  .global  { color:#000000; background:#FFFFFF; }
  .color   { background-color:#FFE9C2; color:#000000; }
  .image   { color:#000000; background:#FFFFFF;; }
  .option  { background-color:#F0F0E8; color:#000000; height:1.5em; cursor:pointer; border:1px solid #cacac7; border-radius:10px; }


  /* hidden variables - perhaps these aren't used */
  .thmvar  { background-color:#FCFFAB; color:#000000; display:none; }
  .target  { background-color:#FCFFAB; color:#000000; display:none; }
  .math    { background-color:transparent; color:#000000; display:none; }
  .random  { background-color:transparent; color:#000000; display:none; }

  /* variations on slots */
  .caption { position:relative; float:left; text-align:right;  
	     margin-right:5px; background-color:transparent; }
  .obtn    { position:relative; margin-left:5px; width:1.5em; padding:0px; margin:0px; font-family:arial; font-size:smaller; float:right; }
  .nbtn    { position:relative; margin-left:5px; width:1.5em; padding:0px; margin:0px; font-family:arial; font-size:smaller; float:right; visibility:hidden; }/*spacer*/
  .chkmsg  { float:left; text-align:left; font-style:italic; }

/*--END--*/
.brows_btn{width:auto}






.header_new
{
	width:990px;

	position:relative;
	background:#EEEDEF;
	padding-left:10px;
}

h1.logo
{
	margin:10px 0;
	padding:0;
	font:bold 34px/34px Georgia, Helvetica, sans-serif;
	
	text-transform:uppercase;
	color:#ad1616;
	width:50%;
	display:inline-block;
	/*position:absolute;
	letter-spacing:-1px;
	left:57px;
	top:11px;*/
}
h1.logo a, h1.logo a:visited
{
	color:#ad1616;
	text-decoration:none;
}
.description
{
	margin:0;
	padding:0;
	font:bold 11px/11px "Trebuchet MS", Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000;
	/*
	position:absolute;
	left:57px;
	top:65px;
	*/
}
.subscribe_rss
{
	margin:0;
	padding:0;
font-size:.9em; 
	text-transform:uppercase;	
	position:absolute;
	top:15px;
	right:200px;
}
.subscribe_rss a, .subscribe_rss a:visited
{
	color:#3e3f42;
	text-decoration:none;
}
.subscribe_email
{
	font-size: 0.9em;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1px;
    text-align: right;
    top: 1px;
    width: 600px;
}
.subscribe_email a, .subscribe_email a:visited
{
	color:#3e3f42;
	text-decoration:none;
	display:block-inline;
	margin:5px; float:right;
}
.subscribe_email a:hover, .subscribe_rss a:hover
{
	color:#ad1616;
}


ul.menu
{
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	right:1px;
	 
}

ul.menu li
{
	float:left;
	font-size:.9em; 
	text-transform:uppercase;	
	color:#000;
	padding:0 ;
	margin:0;
	position:relative;
}
ul.menu li a, ul.menu li a:visited
{		
	color:#000;	
}
ul.menu li a:hover
{		
	color:#ad1616;		
}

ul.menu li ul 
{ 	
	position: absolute; 
	left:0px; 
	top: 10px;
	padding:0;
	margin:0;
	display:none; 
	width:150px;
	background:#cabf72;
	list-style:none;
}

ul.menu li ul li
{
	float:none;
	padding:5px 0 5px 5px;
	display:block;
	margin:0;
	position:relative;
	border-bottom:1px dashed #71691c;
}
ul.menu li ul li ul
{
	position: absolute; 
	left:150px; 
	top:0px;
	display:none; 
	padding:0px 0 0 0;
	list-style:none;
}


ul.menu li:hover ul, ul.menu li.over ul { display: block; } 
ul.menu li:hover ul li ul, ul.menu li.over ul li ul { display: none; } 
ul.menu li ul li:hover ul, ul.menu li ul li.over ul { display: block; } 
.clr{width:100%;clear:both;float:none;height:1px;}
.discontent{width:100%;}
.discontent ol{text-align:left;}

.discontent ol li
{
	color: #666666;
    font-family: arial;
    font-size: 12px;padding:5px 0px;
}

.btn_left,.brows_btn {
background:none;
	margin-right:0px ; 
	border: 1px solid;
}