body {
	background: url(img/bg.gif) #343434 repeat-x;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	text-align: center;
}

.temps {
	font: normal 1em Verdana,sans-serif;
	border-bottom: 2px solid #e9e9e9;
	margin-top: 14px;
	padding-bottom: 5px;
}

.package {
	font: normal 1em Verdana,sans-serif;
	border: 2px solid #e9e9e9;
	margin: 5px;
	padding: 5px 23px;
}


.templates {
	text-align: left;
}

.themes {
	text-align: right;
}

#searchField #fieldContainer {
	margin: 0px;
	padding: 0px;
}
#searchField #fieldContainer #myField{
	margin-left:-1px;
	margin-top:-1px;
	height:18px;
	float: left;
	width: 160px;
	color: #666666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 0px 0px 0px;
}
#searchField #fieldContainer #googleSearch{
	height:20px;
	width:auto;
	overflow:hidden;
	float:left;
}
#searchField #fieldContainer #leftCurve {
	float: left;
	background-image: url(bg_searchbar_left.gif);
	background-repeat: no-repeat;
	width:15px;
	height:20px;
	background-position: left top;
}
#searchField #fieldContainer #mySearch {
	float: left;
	background-image: url(bg_searchbar_right.gif);
	background-repeat: no-repeat;
	width:23px;
	height:20px;
	background-position: left top;
	display:block;
	margin-left:-1px;
	text-indent:-999px;
	overflow:hidden;
	border:none;
	color:#fff;
	font-size:1px;
}

.bold {font-weight: bold;}

h2 {
	font-size: 1.2em;
	color: #999;
	margin: 9px;
}

h3 {
	font-size: 1.1em;
	color: #C8C8C8;
	margin: 9px;
}

.textinput {
	background: #666;
	padding: 3px;
	font-weight: bold;
}

.fot {
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 0.5em;
	text-align: center;
}

.footer {
	color: #555A60;
	text-align: left;
	margin-top: 2.0em;
	border-top: 2px solid #d2d2d2;
	border-bottom: 2px solid #d2d2d2;
	background:#f8f8f8;
	padding: 0.5em;
}

.mod {
	font: normal 0.8em Verdana,sans-serif;
	background: #FFFFCC;
	border: 2px solid #e9e9e9;
	text-align: center;
}

.right {text-align: right;}
.rsize {font-size: 1em; padding-top: 1em; color: #C8C8C8;}
.auth {padding-left: 3em; font-weight: bold; color: #888;}
.space {padding: 0.2em;}
.spacey {padding-top: 0.2em;}

.container {background:#343434; width:45em; margin:15px; padding: 0.5em;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1.0px;}
.xsnazzy h1 {font-size:1.5em; color: #C8C8C8;}
.xsnazzy p {padding-bottom: 1em; color:#c8c8c8; font-size: 0.8em;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #f3f3f3; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:2px solid #989898; border-right:2px solid #989898;}

.xb1 {margin:0 8px; background:#989898;}
.xb2 {margin:0 6px; background:#989898;}
.xb3 {margin:0 4px; background:#989898;}
.xb4 {margin:0 3px; background:#555; border-width:0 5px;}

.xb5 {margin:0 2px; background:#555; border-width:0 4px;}
.xb6 {margin:0 2px; background:#555; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#555; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#555; border:5px solid #989898; border-width:0 3px;}

h1 {
	font: 1.2em verdana;
	color: #C8C8C8;
	margin: 5px;
}

.compad {
	background: #555;
	font: normal 1em Verdana,sans-serif;
	padding: 2px;
}

.reply {
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
	color: #999;
}

.buttonsubmit {font: normal 13px Verdana,sans-serif;}

.date {
	font-size: 0.8em;
	padding: 7px;
	color: #888;
	font-weight: bold;
}

.newss {width: 50em;}


a {
	color: #fff;
	text-decoration: none;
	outline-style: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

.topp {float: left; padding-left: 2.5em;}

.title {
	text-align: left;
	color: #2583ad;
	padding-left: 2em;
}

.title a {
	font: 1.8em Georgia, "Minion Web", "Palatino", "Book Antiqua", "Utopia", "Times New Roman", serif;
}

.slogan {
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	color: #B0B0B0;
	padding-left: 2em;
	padding-bottom: 1em;
}

.content {
	clear: both;
 	width: 48em;
 	margin: 0 auto;
  	text-align: left;
}

.insidetext {
	font-size: 0.9em;
	color: #000;
	padding-right: 5em;
}

.com {
	font-weight: bold;
	font-size: 0.7em;
	text-align: right;
	padding-top: 0.5em;
}

a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
	font-size:0;
	line-height:0;
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:bold;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;		
	padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

.lright
	{
	padding-top: 2.4em;
	float:right;
	padding-right: 4em;
	font-size: 0.9em;
	font-weight:bold;
	color: #E0E0E0;
}

a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(form_buttonss.png);
    _background-image:url(form_buttonss.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
	color: #787878;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}