body {font-family:Verdana,Helvetica;font-size:12px;background: #f2f2f2 url(img/bg.gif) repeat-x top left;}
h2 {font-family:Trebuchet,Verdana;color:#393;font-size:1.8em;}
table {font-size:1em;}
td {padding:0.5em 1em;}
#wrapper {width:980px;margin: 0 auto;background:transparent;padding:0em;}
		    #header {width:940px;height:95px;padding:0em;margin-left:20px;background:transparent url(img/header-bg.png) no-repeat top left;top:0px; }
a img {border:0px; }
#header-content {padding: 2em 2em 1em 2em;width:300px;} 
#sub-header {position:relative;top:32px; left:-100px; padding:0em;color:#6a6;font-size:0.9em;}
		    
#menu {position:relative;left:300px; top:55px; height:38px;width:600px;border:0px solid #ccc;float:left;}
.menu-item {width:126px;height:27px;padding:5px 0 0 0;text-align:center;background:transparent url(img/note_label.png) no-repeat top left;top:0px;display:block;float:left;}		    

#content-wrapper {position:relative;top:-10px;}		
#content-top{background:url(img/bg-content-top.png) no-repeat 0 0; height:33px; width:980px;}
#content{background:url(img/bg-content.png) repeat-y 0 0;width:980px; padding: 0px 0 0 0; float:left;}
#main{width:900px; position:relative; display:inline; float:left; padding:0 10px 1px 30px; margin:0;}
#sidebar{position:relative; float:left; display:inline; width:270px; padding:0 33px 0 7px; margin:0;}
#content-bottom{background:url(img/bg-content-bottom.png) no-repeat 0 0; height:28px; width:980px;clear: both;}		    

#countdownBox {text-align:center;font-family:helvetica;font-size:1em;font-weight:normal;float:right;width:233px;height:55px;padding:20px 0 0 10px;background:transparent url(img/countdownbg.png) no-repeat top left;margin: 2em 0 2em 1em;}
		#counterSpan {font-size:1.8em;font-weight:normal;color:#c44;}    
		    
		   
			#imgcontainer {width:640px;height:480px;margin: 0 auto;background:#ffffff;padding:0em;border:1px solid #000;}
			#editable {position:absolute;border:2px dashed #000;}
			.resize-handle {width:5px;height:5px;background:#ccc;border:1px solid #000;}
			#template {position:absolute;}
			.transparent {}
			
			#imgPreviewWithStyles {
			    background: #333;
			    -moz-border-radius: 10px;
			    -webkit-border-radius: 10px;
			    padding: 15px;
			    z-index: 999;
			    border: none;
			}
		
	
.column_left {float:left;width: 40%;padding:1em;}

.button_green {height:82px;width:83px;padding:20px 0 0 0;text-align:center;font-size:2.2em;font-weight:bold;color:#fff;float:left;margin:5px 10px 0px 0px;background:transparent url(img/btn_grn.png) no-repeat top left;}

a.rect_button_green {height:31px;width:169px;padding:10px 0 0 0px;text-align:center;font-size:1em;font-weight:bold;color:#fff;float:left;text-decoration:none;margin:5px 10px 0px 0px;background:transparent url(img/rect_btn_grn.png) no-repeat 0 0;}
a.rect_button_green:hover {background-position: 0 -41px;}	

a.rect_button_blue {height:50px;width:247px;padding:10px 40px 0 10px;text-align:center;font-size:1em;font-weight:bold;color:#fff;float:left;text-decoration:none;margin:5px 10px 0px 0px;background:transparent url(img/rect_btn_blu.png) no-repeat 0 0;}
a.rect_button_blue:hover {background-position: 0 -61px;}			

.clear {clear:both;}

.highlight {font-weight:bold;color:#393;}

.alignright {float:right;}
.cell-selected {background-color:#eee;border:1px solid #ccc; }
.design-table td {padding:5px;border:1px solid transparent; }

.container-rounded {margin:5px auto;background:#E0ECFF;width:640px;padding:2em;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #EFEFEF;}
			
/* FORM STYLE */
fieldset {clear: both; border:0;}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

.field, form .buttons {clear: both; margin: 0 0 1.5em;border-top:0px solid #f0f0f0;padding:0.5em;}
.field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
/*label, button, input.submit, input.image {cursor: pointer;}*/
label {font-weight:bold;color:#666;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;width:350px;height:200px;}
input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;}
input.text, input.password, textarea {border: 1px solid #444; padding: 2px;}

/* horizontal layout */
.horizontal .field {padding-left: 150px;}
.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

.form-error {color:#d33;font-weight:bold;font-size:0.8em;}
[icon ^="warning"] {padding: 3px 8px 3px 25px; background: transparent url(img/warning.png) no-repeat center left;}
[icon ^="accept"] {padding: 3px 8px 3px 25px; background: transparent url(img/accept.png) no-repeat center left;}
.warning {padding: 3px 8px 3px 25px; background: transparent url(img/warning.png) no-repeat center left;}
.accept {padding: 3px 8px 3px 25px; background: transparent url(img/accept.png) no-repeat center left;}

.facebookContainer {
	float:right;
	width:250px;
	margin: 10px;
	
}
.clearleft {
	clear:left;
}