html, body {
height: 100%;
margin: 0 0 1px;
padding: 0;
}


#admin_wrapper {
 margin: 0 auto;
 width:933px;
}

h1, .subtitle {
color:#404040;
}

#admin {
float:left;
width:367px;
margin-top:15px;
}

#wrapper { 
float:left;
margin:0;
margin-top:30px;
}

#admin_header
{
float:left;
height:87px;
width: 367px;
background-image:url(../../images/admin_backgroundheader.png);
}

#footer_admin {
float:left;
width: 438px;
height:27px;
background-position: right;
background-image:url(../../images/footer_admin2.png);
}

/*start menue*/

.menue_wrapper{
    width:367px;
    background-image:url(../../images/admin_backgroundslice.png);
    float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}
#menu {
	width: 342px;
	margin-left:21px;
	}

#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
#menu .menue_list a, #menu .menue_list_arrow a, #menu .menue_list_heart a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:normal;
	}	
	
#menu .menue_list a:link, #menu .menue_list a:visited {
	color: #333;
	display: block;
	background: url(../../images/admin_menue3.png);
	background-repeat:no-repeat;
	padding: 8px 0 0 35px;
	}
	
#menu .menue_list a:hover {
	color: #333;
	background: url(../../images/admin_menue3.png) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 35px;
	padding-left:37px;
	}
	
#menu .menue_list a:active {
	color: #333;
	background: url(../../images/admin_menue3.png) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 35px;
	padding-left:37px;
	}
	
	#menu .menue_list_arrow a:link, #menu .menue_list_arrow a:visited {
	color: #333;
	display: block;
	background: url(../../images/admin_menue3_arrow.png);
	background-repeat:no-repeat;
	padding: 8px 0 0 35px;
	}
	
#menu .menue_list_arrow a:hover {
	color: #333;
	background: url(../../images/admin_menue3_arrow.png) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 35px;
	padding-left:37px;
	}
	
#menu .menue_list_arrow a:active {
	color: #333;
	background: url(../../images/admin_menue3_arrow.png) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 35px;
	padding-left:37px;
	}
	
		#menu .menue_list_heart a:link, #menu .menue_list_heart a:visited {
	color: #333;
	display: block;
	background: url(../../images/admin_menue3_heart.png);
	background-repeat:no-repeat;
	padding: 8px 0 0 35px;
	}
	
#menu .menue_list_heart a:hover {
	color: #333;
	background: url(../../images/admin_menue3_heart.png) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 35px;
	padding-left:37px;
	}
	
#menu .menue_list_heart a:active {
	color: #333;
	background: url(../../images/admin_menue3_heart.png) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 35px;
	padding-left:37px;
	}
	
	#menu li span {
	color:#696969;
	font-weight: bold;
	margin-left:-21px;
	margin-right:7px;
	}
	
	
	
  	    
	
#admin_footer_menue
{
float:left;
height:26px;
width: 367px;
background-image:url(../../images/admin_backgroundfooter.png);
}

#menue_slider_content
{
float:left;
width: 317px;
height:155px;
padding-left:50px;
background-image:url(../../images/admin_backgroundslice_formbox.png);
background-repeat: repeat-y;
display:none;
}

.closed
{
height:0px;
}

.open
{
height:155px;
}


#menue_slider_footer
{
float:left;
font-size:11px;
height:23px;
width: 297px;
background-image:url(../../images/admin_backgroundfooter_formbox.png);
cursor:pointer;
text-align:right;
padding-right:70px;
line-height:16px;
color:#333;
}

#menue_slider_button{ 
float:left;
		width:125px;
		height:31px;
		background:transparent url(../../images/button_submit.gif) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		cursor:pointer;
		margin-bottom:10px;
		margin-top:5px;
	}

#admin_top_back
{
height:31px;
width: 289px;
padding-left:37px;
padding-top:5px;
background-image:url(../../images/admin_top_back.jpg);
}

#seedooid
{
float:left;
height:26px;
width: 133px;
background-image:url(../../images/seedooidbutton.png);
text-align:center;
line-height:26px;
display:block;
color:white;
font-weight: normal;
}

#seedooid:hover
{
text-decoration: none;
background:url(../../images/seedooidbutton.png) 0 -26px;
}

#logoutbutton
{
float:left;
margin-left:5px;
height:26px;
width: 133px;
background-image:url(../../images/logoutbutton.png);
text-align:center;
line-height:26px;
display:block;
color:white;
font-weight: normal;
}

#logoutbutton:hover
{
text-decoration: none;
background:url(../../images/logoutbutton.png) 0 -26px;
}
	
/*end menue*/           
                    
.alert {
    width: 304px;
	margin-left:26px;
	margin-top:5px;
    border:1px solid #cc1100; 
    background-color:#ff6a6a;     
    color:#000000;
    padding: 5px;
    }
    
    .info {
    width: 304px;
	margin-left:26px;
	margin-top:5px;
    border:1px solid #b7ddf2; 
    background-color:#ebf4fb;     
    color:#000000;
    padding: 5px;
    }   
    
    .alert_ok {
    width: 304px;
	margin-left:26px;
	margin-top:5px;
    border:1px solid #76C83F;
    background-color:#A6EF7B;     
    color:#000000;
    padding: 5px;
    }            

p, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
	
	/* ----------- Form dooid ----------- */
.form_dooid{
    float:left;
	background:#DFDFDF;
	margin:0 auto;
	margin-left;
	width:410px;
	padding:14px;
	line-height: 14px;
   }
/*
   .form_dooid div{
     float:left;
     width:410px;
     }
*/
	.form_dooid h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	.form_dooid p{
	   width:410px;
		font-size:13px;
		color:#666666;
		margin-bottom:20px;
		padding-bottom:10px;
	}
	.form_dooid .label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		color:#666666;
		padding-top:4px;
	}
	.form_dooid .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	.form_dooid input {
		float:left;
		font-size:12px;
		padding: 10px 10px; 
		height:auto;
		line-height:normal;
		width:194px;
		margin:0 0 12px 7px;
		border-style: none;
	    border-width: 0;
	    outline: 0;
	    background: url(../../images/formfield2.png) 0 0;
	}
		.form_dooid input:focus {
		background-position: 0 -33px;
     }	
	.form_dooid .formfield_s {
		float:left;
		font-size:12px;
		padding: 10px 10px; 
		height:auto;
		line-height:normal;
		width:104px;
		margin:0 0 12px 10px;
		border-style: none;
	    border-width: 0;
	    outline: 0;
	    background: url(../../images/formfield_s2.png) 0 0;
	}
		.form_dooid .formfield_s:focus {
		background-position: 0 -33px;
     }		
     .form_dooid textarea {
		float:left;
		height:124px;
		font-size:14px;
		width:229px;
		border-style: none;
	    border-width: 0;
	    outline: 0;
	    background-color:transparent;
	    background-image:none;
	} 
	.form_dooid .textarea_wrapper {
	    float:left;
		height:124px;
		width:229px;
		padding:10px;
		background: url(../../images/formfield_textarea.png) 0 0;
     }	
	.form_dooid .checkbox{
	    width:auto;
		float:left;
		border:none;
		background-image:none;
	}	
	.form_dooid select{
	    float:left;
	    width:70px;
	    margin:3px;
	    margin-top:5px;
	    }
	.form_dooid .checkbox_wrapper{
	    float:left;
	    margin:0;
	    margin-top:4px;
	    width:40px;
	    background:transparent url(../../images/lock_admin.png) no-repeat top right;
	    background-position-y: 2px;
	}
	.form_dooid button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:transparent url(../../images/button_submit.gif) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		cursor:pointer;
		margin-bottom:30px;
		margin-top:20px;
	}
	
	.form_dooid button:hover{
	  color:#777;
	  background-color: transparent;
	}
	
	.form_dooid button:active{
	  color:#777;
	  background-color: transparent;
	}
	
	
.iPhoneCheckContainer{ position:relative; width:85px; height:27px; cursor:pointer; overflow:hidden;  }
.iPhoneCheckContainer input{ position:absolute; top:5px; left:30px;  }
.iPhoneCheckHandle{ display:block; height:27px; width:39px; cursor:pointer; position:absolute; top:0; left:0;  }
.iPhoneCheckHandle .iPhoneCheckHandleBG{ position:absolute; width:5px; height:100%; top:0; left:0; z-index:1;  }
.iPhoneCheckHandle .iPhoneCheckHandleSlider{ position:absolute; top:0; left:0; height:27px; width:39px; background:url(../../images/iphone-slider.png) no-repeat; z-index:2;  }
label.iPhoneCheckLabelOn,label.iPhoneCheckLabelOff{ font-size:12px; line-height:17px; font-weight:bold; font-family:Helvetica Neue,Arial,Helvetica,sans-serif; text-transform:uppercase; cursor:pointer; display:block; height:22px; position:absolute; width:52px; top:0;  }
label.iPhoneCheckLabelOn{ color:#fff; background:url(../../images/iphone-on.png) no-repeat; left:0; padding:5px 0 0 8px;  }
label.iPhoneCheckLabelOff{ color:#8B8B8B; background:url(../../images/iphone-off.png) no-repeat right 0;  text-align:right; right:0; padding:5px 8px 0 0;  }

     .record			{padding:10px 20px; background:#DFDFDF; border-bottom:1px solid #ccc; width:398px; }

	.delete			{ color:#f00; display:block; float:right; margin-top:15px; margin-right:10px;}
	
	.design_cat
	{
	margin:0px auto; 
	margin-top:10px;
	text-align:left; 
	width:405px;
	}
	
	.design_cat p{
	    width:410px;
		font-size:13px;
		color:#666666;
		border-bottom:solid 1px #BDBCBD;
		padding:5px 0;
	}
	
.service_dragdrop_header{ 
float:left;
height:48px;
width:409px;
margin-left:14px;
background:transparent url(../../images/service_dragdrop_header.jpg) no-repeat top left;
line-height:62px;
}	

#sortable-list, .network_list{ 
float:left;
padding:0; 
margin-left:14px;
width:409px;
background-color:#414141;
}

li.sortme { 
float:left;
cursor:move; 
background:transparent url(../../images/service_list_bg.jpg) repeat-x top left;
height:47px;
width:409px;
padding: 0;
list-style-type: none;
z-index:1000;
padding-top:4px;
color:#6F6F6F;
 }
 
li.sortme span {
float:left;
width:auto;
} 
 
 li.sortme span img
{
margin-top:3px;
margin-left:10px;
margin-bottom:-16px;
margin-right:7px;
}

 li.sortme .delete
{
display:block; 
width:30px;
height:11px;
float:right; 
margin-top:17px; 
margin-right:10px;
background: transparent url(../../images/service_delete.jpg) no-repeat center 0;
}

 li.sortme .delete:hover
{
background: transparent url(../../images/service_delete.jpg) no-repeat center -11px;
}


#message-box	 { background:#fffea1;  padding:11px 8px; margin:0; width:422px; color:#9B9B9B; background:url(http://dooid.com/images/info_background.jpg) left bottom; margin-bottom:10px;}
#message-box-2	 {background:#fffea1; border-top:2px solid #fc0; border-bottom:2px solid #fc0; padding:4px 8px; margin:0; width:422px; color:#000;}
#message-box-tr	 {background:transparent; padding:4px 8px; margin:0; width:422px; color:#4F4F4F;}

.mailtable {
color: #666;
}

.mailtable a {
font-weight: normal;
color:#00587F;
}

.mailtable a:hover {
font-weight: normal;
color:#00587F;
}

.mailtable td {
padding-top:7px;
}

.mailtable img{
margin-bottom:-6px;
margin-left:10px;
}

.oklist, .infolist, .oklist_white,.prolist { list-style-position: outside;} 
.oklist li { padding-left:23px; margin-top:7px; background-image: url("../../images/listarrow.png"); background-repeat: no-repeat;  background-position: 5px 4px; color:#686868;} 
.oklist li a{color:#CA60FF;}
.oklist li a:hover{color:#621685;text-decoration: none;}
.infolist li { padding-left:18px; margin-top:4px; background-image: url("../../images/i2.png"); background-repeat: no-repeat;} 
.oklist_white li { padding-left:30px; margin-top:4px; background-image: url("../../images/oklist_white.jpg"); background-repeat: no-repeat;} 

.prolist li{padding-left:39px; margin-top:16px; background-image: url("../../images/crown.png"); background-repeat: no-repeat;  background-position: 5px 2px; color:#686868; font weight: bold; font-size:16px;}

.signature_visual {
display: block;
width:138px;
height:211px;
padding-top:50px;
padding-left:285px;
padding-right:15px;
color: #DFDFDF;
background:#666666 url(../../images/signature_visual2.jpg) no-repeat;
}

.signature_visual span {
color:#CC9D9F;
}

.sc {
float:left;
padding:20px;
color: #000;
margin-top:-15px;
}
 
  
#slider { 
   width: 180px; 
   height: 22px; 
   float: left; 
   margin: 0px 0px; 
   cursor: pointer; 
   background: url('../../js/slider/Slider.png') center center no-repeat; 
 } 
  
 #knob { 
   width: 22px; 
   height: 22px; 
   cursor: pointer; 
   background: url('../../js/slider/Knob.png') no-repeat; 
 } 
  
 #knob:hover { 
   background-position: 0 -22px; 
 } 


#slider_wrap {
    margin-top:13px;
    padding-top: 4px;
    height:34px;
    width:388px;
	padding-left: 50px;
	float:left;
	background:#666666 url(../../images/slider_wrapper.jpg);
}

.grey_wrap {
    margin-top:13px;
    padding-top: 7px;
    height:31px;
    width:423px;
	padding-left: 15px;
	float:left;
	background:#666666 url(../../images/slider_wrapper.jpg);
	color:#666;
	margin-bottom: 4px;
}

.profile_address_wrapper {
    width:410px;
    float:left;
    background:transparent url(../../images/admin_box_body.jpg) repeat-y;
    float:left;
    padding-top:20px;
}

.profile_address_header {
    float:left;
    background:transparent url(../../images/admin_box_header.jpg);
    width:410px;
    height:44px;
    font-size:16px;
    color: #666;
}

.profile_address_header a, .profile_address_header span{
    float:left;
    width:300px;
    margin-top: 20px;
    margin-left:20px;
    font-weight:bold;
    color: #666;
}

.profile_address_footer {
    float:left;
    margin-bottom:20px;
    background:transparent url(../../images/admin_box_footer.jpg);
    width:410px;
    height:5px;
}


/*top slider*/

#messagetop
{
position:absolute; z-index:100; top:0; right:0; width:100%;display:none;text-align:center;cursor:pointer;
}

#topslider
{
position:relative;width:100%;background-color:transparent; background-image:url(../../images/topslider_background.png); height:78px;font-size:16px; color:black; line-height:78px;
}

/*preview panel*/

#preview_container
{
position:absolute; z-index:100; top:0; right:0; width:100%;display:none;position: fixed;
}

#preview_content
{
position:relative;width:739px;background-color:transparent; background-image:url(../../images/preview_background4.png); height:539px;font-size:16px; color:black; margin:0px auto;
}

.preview_slide, .preview_slide_free
{
float:left; 
margin:4px;
border:2px solid #6F6F6F;
cursor:pointer;
}

.preview_slide:hover, .preview_slide_free:hover
{
border:2px solid #fff;
}

.template_box
{
position:relative;
 float:left; 
 width:409px; 
 height: 153px;  
 margin:15px 15px;
}

.template_box:hover
{
text-decoration: none;
}

.template_description
{
float:right; 
width: 160px; 
margin:10px;
margin-top:38px; 
color: #6F6F6F;
font-size:12px;
 line-height: 17px;
}

.template_hover_box
{
position:absolute;
 top:0;
  left:0; 
  z-index:2; 
  width:409px; 
  height: 153px; 
  background-image: url(../../images/template_rollover_background.png); 
  display:none;
}

#save_design
{
float:left;
height:26px;
width: 133px;
background-image:url(../../images/seedooidbutton.png);
text-align:center;
line-height:26px;
display:block;
color:white;
font-weight: normal;
font-size:13px;
margin:5px;
cursor:pointer;
}

#save_design:hover
{
text-decoration: none;
background:url(../../images/seedooidbutton.png) 0 -26px;
}

.greenbutton
{
float:left;
height:26px;
width: 133px;
background-image:url(../../images/seedooidbutton.png);
text-align:center;
line-height:26px;
display:block;
color:white;
font-weight: normal;
font-size:12px;
margin:5px;
cursor:pointer;
margin-top:15px;
background-color:none;
}

.greenbutton:hover
{
text-decoration: none;
background:url(../../images/seedooidbutton.png) 0 -26px;
font-weight: normal;
font-size:12px;
}

.addons_hover_box
{
position:absolute;
 top:0;
  left:0; 
  z-index:2; 
  width:409px; 
  height: 153px; 
  background-image: url(../../images/addons_rollover_background.png); 
  display:none;
  background-color: transparent;
}

.fontselector {
cursor:pointer;
margin:5px;
float:left;
}

.fontselector:hover {
opacity:0.7;
filter: alpha(opacity=70); 
-moz-opacity: 0.7;
}

#gotham_customize_box
{
position:absolute;
 top:468px;
  left:35px; 
  z-index:5; 
  width:389px; 
  height: 316px; 
  background-image: url(../../images/customize_background.png); 
  display:none;
  padding:10px;
}

#fonts_box
{
position:absolute;
top:468px;
left:35px; 
z-index:4; 
padding-top:5px;
padding-left:10px;
width:399px;
height:148px;
display:none;
}

.colorframe {
position:relative; 
margin:4px 3px;
float:left;
width:88px;
height:62px;
background-color:transparent;
 background-image:url(../../images/colorframe2.png); 
 cursor:pointer;
 color:#333;
 font-size:10px;
}

.save_preview_button {
float:left;
height:26px;
width: 133px;
background-image:url(../../images/save_preview.png);
text-align:center;
line-height:26px;
display:block;
color:#303031;
font-weight: normal;
font-size:12px;
margin:5px;
cursor:pointer;
background-color:none;
}

.save_preview_button:hover
{
text-decoration: none;
background:url(../../images/save_preview.png) 0 -26px;
font-weight: normal;
font-size:12px;
}

#gopro_button {
float:left;
height:30px;
width: 321px;
background-image:url(../../images/go_pro_button.png);
text-align:left;
line-height:35px;
display:none;
color:#fff;
font-weight: normal;
font-size:12px;
margin:5px;
margin-top:1px;
cursor:pointer;
background-color:none;
padding-left:20px;
}

#gopro_button:hover
{
text-decoration: none;
background:url(../../images/go_pro_button.png) 0 -30px;
font-weight: normal;
font-size:12px;
}

#gopro_button_big {
float:left;
height:86px;
width: 340px;
background-image:url(../../images/go_pro_button_big.png);
display:block;
cursor:pointer;
background-color:none;
margin:14px;
}

#gopro_button_big:hover
{
background:url(../../images/go_pro_button_big.png) 0 -86px;
}

#paypal_button {
float:left;
height:60px;
width: 238px;
background-image:url(../../images/paypal.png);
display:block;
cursor:pointer;
background-color:none;
margin:14px;
margin-left:86px;
margin-top:0;
}

#paypal_button:hover
{
background:url(../../images/paypal.png) 0 -60px;
}

.installation_instructions
{
position:absolute;
z-index:1;
top:200px;
left:281px;
width:162px;
height:75px;
background:url(../../images/installation_instructions.png) top left;
display:block;
}

.installation_instructions:hover
{
background:url(../../images/installation_instructions.png) 0 -75px;
}