@import "reset.css";

body
{

    font-family: 'Arial','Verdana','Tahoma','Times New Roman','Sans-Serif';
     background:#76B125 url('../images/bg2.png') repeat-x;
     font-size:74%;

}


p
{
    margin:0 0 15px 0;
}

a,
a:active,
a:hover
{
    color:#79B32B;
    text-decoration:none;
}

.hide_text
{
    display:block;
    text-indent:-5000em;
}

.hide
{
    display:none;
}

DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }


#wrapper
{
    margin:0 auto;
    width:980px;
        position:relative;
        z-index:1;
   
}

#header
{
    height:120px;
position:relative;
        z-index:1;

}

#lang
{
         font-size:94%;
         position:absolute;
         right:30px;
         top:20px;
}
#lang li
{
float:left;
margin-left:10px;
}

.logo
{
    width:160px;
    height:210px;
    position:absolute;
     background: transparent url('../images/logo.png') no-repeat;
     z-index:2;
     left:30px;
     top:20px;
     cursor:pointer;
}

.topmenu
{
      position:absolute;
         left:250px;
         top:40px;
         padding-left:25px;
           background: transparent url('../images/topmenu_l.gif') no-repeat;

          
}

.topmenu ul
{
     
           background: transparent url('../images/topmenu_r.gif') no-repeat right top;
           height:32px;
           padding-right:25px;
           overflow:hidden;
           float:left;
    
}



.topmenu li
{
float:left;
background: transparent url('../images/topmenu_ruler.gif') no-repeat left top;
padding-left:2px;

}

.topmenu .first
{
    background:none;

}

.topmenu a,
.topmenu a:hover
{
color:#fff;
font-weight:bold;
background: transparent url('../images/topmenu_active.gif') repeat-x 0 -40px;

text-decoration:none;
display:block;
padding:10px 15px;
}

.topmenu .active,
.topmenu a:hover
{
background: transparent url('../images/topmenu_active.gif') repeat-x;

}


.login 
{
left:auto;
right:10px;
top:55px;
}






#content_wrapper
{
         background: transparent url('../images/content_wrapper.png') no-repeat;
         height:660px;
       
  
          
   

       
}
#left_col
{
    width:180px;
  
    position:absolute;
    left:20px;
    top:240px;
}



.leftmenu li
{
 height:32px;
 width:180px;
 overflow:hidden;  
 float:left;    
 position:relative;
 margin-top:5px;
}


.leftmenu a,.leftmenu a:visited
{
     background: transparent url('../images/leftmenu_item.gif') no-repeat 0 -32px;

     color:#fff;
     display:block;
     font-weight:bold;
     text-decoration:none;
 padding:11px 50px;
 float:left;
 width:100%;

}

.leftmenu a:hover,.leftmenu .active,.leftmenu .active:visited
{
     background: transparent url('../images/leftmenu_item.gif') no-repeat 0 0;

}

.leftmenu span
{
           width:24px;
    height:24px;
     display:block;
    position:absolute;
    left:10px;
    top:5px;
    width:24px;
    height:24px;
 

        
}

.micropage
{
      background: transparent url('../images/icon_micropage.png') no-repeat;

}

.vcard
{
      background: transparent url('../images/icon_vcard.png') no-repeat;
}

.geolink
{
      background: transparent url('../images/icon_geolink.png') no-repeat;
}

.file
{
     background: transparent url('../images/icon_file.png') no-repeat;
}

.redirect
{
     background: transparent url('../images/icon_link.png') no-repeat;
}



#center_col
{
    width:500px;

    position:absolute;
    left:190px;
    top:100px;
     z-index:3;

   
}

#center_col_top
{
     background: transparent url('../images/center_top.png') no-repeat;
     height:30px;

}

#center_col_middle
{
     background: transparent url('../images/center_middle.png') repeat-y;
     padding:0 30px;
   min-height: 640px;
    height: auto !important;
    height: 640px;

}

#center_col_bottom
{
     background: transparent url('../images/center_bottom.png') no-repeat;
     height:30px;
}


#right_col
{
      width:250px;
    
    position:absolute;
    right:30px;
    top:150px;
}

.page_title
{
    position:relative;
      background: transparent url('../images/dot_line.gif') repeat-x bottom left;
     padding-bottom:10px;
      margin-bottom:15px;
    
}


.page_title .icon
{
width:32px;
height:32px;
  background: transparent url('../images/page_title_ball.png') no-repeat;
float:left;
margin-right:10px;
        
}

.page_title .icon span
{
           width:24px;
    height:24px;
     display:block;
    position:absolute;
    left:4px;
    top:5px;
    width:24px;
    height:24px;
 

        
}

.page_title h1
{
float:left;
font-size:22px;
line-height:100%;
color:#79B32B;
padding:6px 0px 0px 0px;
margin-bottom:0!important;
}



#phone_preview
{
      background: transparent url('../images/phone_preview.jpg') no-repeat;
      width:250px;
      height:400px;
      position:relative;
}

#screen
{
    position:absolute;
    top:53px;
    left:16px;

   
  
}

#screen iframe
{
     width:219px;
    height:284px;
    border:none;
    margin:0;
    padding:0;
   
    
}

#phone_preview input
{
    position:absolute;
    bottom:0px;
    left:10px;
    width:220px;
  
   
}


#code_preview
{
    
      width:250px;
      height:200px;
      position:relative;
      text-align:center;
}

#code_preview_image
{
	  padding:6px 0 0 0;
	  height:160px;
}

#preview_zoom_image
{
	z-index:100; 
	position:absolute;
	width:280px;
	height:280px;
	border: solid 5px black;
	padding: 5px;
	background-color:White;
}


#code_print
{
    position:absolute;
    top:10px;
    right:10px;
    display:block;
    text-indent:-5000em;
    background:transparent url(../images/print.png) no-repeat 0 0;
    width:32px;
    height:32px;
}

#code_preview input
{
    position:absolute;
    bottom:0px;
    left:10px;
    width:220px;
   
}

#copy
{
    font-weight:bold;
  font-size:94%;
    color:#FFF;
    position:absolute;
bottom:-15px;
left:25px;
}

#footermenu 
{
position:absolute;
bottom:-20px;
left:700px;
line-height:18px;
}

#footermenu li
{
    float:left;
    margin-left:8px;
}
#footermenu li a,
#footermenu li a:visited
{
  color:#FFF;
  font-size:94%;
  text-decoration:none;
}



a.button_220,a.button_220:visited
{
display:block;
        background: transparent url('../images/button_220.png') no-repeat;
      width:220px;
      height:34px;
      color:#fff;
      font-weight:bold;
      overflow:hidden;
     
      position:relative;

}

a.button_220:hover
{
display:block;
        background: transparent url('../images/button_220.png') no-repeat 0 -34px;
       
}

a.button_220 span
{
    padding:12px 0 0 0px;
    text-align:center;
    display:block;
}



input.button_220
{
display:block;
        background: transparent url('../images/button_220.png') no-repeat;
      width:220px;
      height:34px;
      color:#fff;
      font-weight:bold;
      overflow:hidden;
      border:0;

}

input.button_220:hover
{
display:block;
        background: transparent url('../images/button_220.png') no-repeat 0 -34px;
       
}



a.button_80,a.button_80:visited
{
display:block;
        background: transparent url('../images/button_80.png') no-repeat;
      width:80px;
      height:18px;
      color:#fff;
      font-size:94%;
      overflow:hidden;
      line-height:18px;


}


a.button_80:hover
{
display:block;
        background: transparent url('../images/button_80.png') no-repeat 0 -18px;
       
}

a.button_80 span
{
  
    text-align:center;
    display:block;
}




a.button_220_preview,a.button_220_preview:visited
{
display:block;
        background: transparent url('../images/button_220_preview.png') no-repeat;
      width:220px;
      height:34px;
      color:#fff;
      font-weight:bold;
      overflow:hidden;
     margin:0 auto;
      position:relative;

}

a.button_220_preview:hover
{
display:block;
        background: transparent url('../images/button_220_preview.png') no-repeat 0 -34px;
       
}

a.button_220_preview span
{
    padding:12px 0 0 68px;
    display:block;
}


.list_icon
{
    width:32px;
    height:18px;
     display:block;
     text-indent:-5000em;

   
}

.list_icon:hover
{
    background-position:0 -18px;
   
}

.list_icon_preview
{
    background: transparent url('../images/list_icon_preview.gif') no-repeat;
}


.list_modify
{
  
    float:left;
   
    display:block;
        background: transparent url('../images/button_80.png') no-repeat;
      height:18px;
      color:#fff;
      font-size:94%;
      overflow:hidden;
}

.list_modify:hover
{
    background-position:0 -18px;
    color:#fff;
}

.list_modify span
{
     padding:2px 7px 4px 7px;
     background: transparent url('../images/topmenu_ruler.gif') no-repeat right -2px;
    text-align:center;
    display:block;
   
}

.list_delete
{
  float:left;
    display:block;
  
        background: transparent url('../images/button_80.png') no-repeat top right;  
      color:#fff;
      font-size:94%;
      overflow:hidden;
     height:18px; 
}

.list_delete:hover
{
    background-position:right -18px;
    color:#fff;
}

.list_delete span
{
    padding:2px 7px 0 5px;
    text-align:center;
    display:block;
   
}

.list_codename
{
padding:3px 0 0 4px; 
display:block;   
}

.list_stat
{
    padding:3px 0 0 0px; 
    display:block;
}

#homescreen
{

    padding:40px 40px;
    position:relative;
    z-index:0;
}


#mobbe
{
     background: transparent url('../images/mobbe.png') no-repeat;
     width:468px;
     height:426px;
     z-index:0;
     position:absolute;
     top:0;
     left:50%;
}

.box
{
    float:left;
    background-color:Red;
    width:300px;
      background: transparent url('../images/box_bg.jpg') no-repeat;
      height:280px;
     
}
.box_inner
{
    padding:30px;
}

#code_text
{
    
   
    
 }
 
 h1, h2, h3
 {
     color:#79B32B;
     font-size:22px;
     margin-bottom:10px;
 }
 
.box_inner ul,.box_inner p
 {
  margin:0 0 15px 0;
 }
 
.box_inner li
 {
    padding: 0px 0 0 10px; 
    margin-top:5px;
    background: transparent url('../images/li.gif') no-repeat;  
 }
 
 .readmore
 {
     font-weight:bold;
     text-decoration:underline;
 }
 
 .userItemlist
 {
     width:100%;
     margin-bottom:20px;
 }
 
  .userItemlist thead td
  {
      font-size:94%;
      font-weight:bold;
           color:#84C82B;
  }
 
  .userItemlist tbody tr
  {
   background: transparent url('../images/listitem_bg.gif') no-repeat;  
  }
  td.name
  {
   width:230px;
   overflow:hidden;

  }
  td.preview_link
  {
width:35px;
  }
  td.stat
  {
width:50px;
  }
  td.actions
  {
      text-align:right;
      width:120px;
        
  }

  .userItemlist td
  {
      padding:6px 5px 5px 5px;
      vertical-align:top;
  }
   .userItemlist td a
  {
font-weight:bold;
  }
 
 
 #subpage
 {

     padding:55px 40px 40px 220px;
 }
 
 .subpage_left_col
 {
     float:left;
     width:400px;
     
 }
 
  .subpage_right_col
 {
     float:right;
     width:300px;
     
 }
 
 
 input, select, textarea, iframe, button
 {
     padding:5px;
     border:solid 1px #ccc;
      font-family: 'Arial','Verdana','Tahoma','Times New Roman','Sans-Serif';
      font-size:100%;
 }
 
  input:focus, select:focus , textarea:focus, iframe:focus,.mceLayout:focus
 {
    
     border:solid 1px #84C82B;
 }
 
 
  .sign
  {
      margin-bottom:10px;
      
  }
 
 .sign td
 {
     padding:5px 5px 5px 0;
     vertical-align:middle;
 }
 

 
 .forget_password
 {
     font-size:94%;
     padding-left:10px;
 
 }
 
 #password_request
 {
     padding:10px 0 10px 10px;
     background-color:#EFEFEF;
     margin-bottom:10px;
 }
 
  .vcard_table
 {
  margin-bottom:10px;
 }

 
 .vcard_table td
 {
     padding:3px 5px 3px 0;   
     vertical-align:bottom;
     width:240px;
 }
 
  .vcard_table input
 {
     display:block;
     margin-top:3px;
     width:90%;
     
 }
 
 #map_container
 {
 	width:100%;
    height:300px;
       border:solid 1px #ccc;

 }
 
 
 
 /* Easy Slider */
 

 #carousel
 {
        background: transparent url('../images/homepic_bg.jpg') no-repeat; 

    width:900px;
      height:310px;
      position:relative;
    
    
 }
 #carousel_content
 {
     margin:0 25px;
   
     	 width:850px;
 }
 #carousel_content ul
	{
	float:left;
		margin:0;
		padding:0;
		list-style:none;
		
		  position:relative;
		}

 #carousel_content li{ 

	float:left;
		padding:0;
		margin:0;
	 width:850px;
position:relative;
	 height:310px;
	
		}	
		
		
		
 #carousel_content li h1
 {
     position:absolute;
     top:95px;
     left:40px;
     font-size:32px;
     letter-spacing:-1px;
   
 }	
 
  #carousel_content li p
 {
     position:absolute;
     top:150px;
     left:105px;
     color:#fff;
     line-height:120%;
     width:350px;
    
     font-size:13px;
 }	
 
   #carousel_content li a
 {
     position:absolute;
     top:230px;
     left:28px;
 
    
 }		
		
	#slide1
	{
	      	background:url(../images/slide1.jpg) no-repeat;
	}	
		
		
	#slide2
	{
	      	background:url(../images/slide2.jpg) no-repeat;
	}	
	
	#slide3
	{
	      	background:url(../images/slide3.jpg) no-repeat;
	}
	#slide4
	{
	      	background:url(../images/slide4.jpg) no-repeat;
	}		
				
		
	#prevBtn
	{ 
		display:block;
		width:24px;
		height:24px;
		position:absolute;
		left:0px;
		top:160px;
		z-index:1000;
		text-indent:-5000em;
	    background:url(../images/btn_prev.png) no-repeat 0 0;
		}	
	#nextBtn{ 
		display:block;
		width:24px;
		height:24px;
		position:absolute;
		right:0px;
		top:160px;
		z-index:1000;
		text-indent:-5000em;
	  	background:url(../images/btn_next.png) no-repeat 0 0;
		}														

	
	
/* // Easy Slider */

.message
{
    position:absolute;
    right:320px;
    top:144px;
color:#333;
    z-index:1000;
    font-weight:bold;
}

.message_subpages
{
    position:absolute;
    left:220px;
    top:152px;
color:#333;
    z-index:1000;
    font-weight:bold;
}

.frmTable 
{
  margin-bottom:10px;  
}


.frmTable td
{
    padding:0 10px 5px 0;
}

.frmTable td input
{
   width:270px;
}

.varning
{			
	background-image:url('/images/warning.png');
	background-repeat:no-repeat;
	margin-top:30px;
	padding:16px 20px 20px 70px;
line-height:130%;
     
}

.addthis_button
{
    display:block;
      	background:url(../images/share.png) no-repeat 0 0;
      	width:60px;
      	height:18px;
      	text-indent:-5000em;
}

.addthis_button:hover
{
  
      	background:url(../images/share_hover.png) no-repeat 0 0;
   
}