/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}

  

/* Type
--------------------------------------------------*/
body {
  background:#E3CEAC url(/images/l/body_bg.gif);
  font: 12px/14px "Lucida Grande","Trebuchet MS","Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color:#000;
  height:100%;   
  width:100%;    
  }
  
img {
  border: none;  
}

a, a:link { color:#763712; text-decoration:none; xtext-decoration:underline; background:#FCFCDD;}

a:visited { color:#763712; }

a:hover { color:#763712; xtext-decoration:none; text-decoration:underline; background:#FCFCDD; }       

p{
  padding: 0;
  font-size:12px;
}         

h1 {
  font-size:18px;
}     

h1.headline {
  font-size:12px; 
  color:#462A0F;  
  font-weight:normal;
  margin:0px 10px 0pt 193px;
  padding:15px 5px 0pt 75px;
  width:370px; 
  height:54px;      
  float:left;   
  line-height:18px; 
} 

h1.headline a { xbackground:transparent; xborder-bottom:1px dotted #FCFCDD; xcolor:#FCFCDD;} 
h1.headline a:hover { xbackground:#FCFCDD; xborder-bottom:1px dotted #fff; xcolor:#763712; text-decoration:none;} 

h1.title {
  text-transform: capitalize;
}  


                   

/* Layout
--------------------------------------------------*/  
  
#container_wrapper {
  width:975px;
  margin:0 auto;
  position:relative;
}    

#top {
  width:975px; 
  height:173px;
  float:left;
  background: url(/images/l/top_bg2.gif) no-repeat bottom left;   
  position:relative;
}            

  #top img.logo {
    margin: 0px 0 0 5px;
    float:left;
  } 
  
  ul#top_nav {
    position:absolute;
    top:102px;
    left:20px;    
    width:650px; 
    height:40px; 
    list-style:none;
  }          

    li#layouts, li#tweaks, li#graphics { margin-right:7px;}
    li#layouts,  li#layouts a.layouts, 
    li#tweaks,  li#tweaks a.tweaks,
    li#graphics,  li#graphics a.graphics
    {
      width:150px;
      height:46px; 
      float:left;    
      text-indent: -8000px; 
      outline:none;
    }     

    li#layouts, li#layouts a.layouts:link, li#layouts a.layouts:visited, li#layouts a.layouts:active     
    { background: url(/images/l/static_nav.gif) no-repeat 0 0; } 
    li#tweaks, li#tweaks a.tweaks:link, li#tweaks a.tweaks:visited, li#tweaks a.tweaks:active 
    { background: url(/images/l/static_nav.gif) no-repeat -150px 0; }     
    li#graphics, li#graphics a.graphics:link, li#graphics a.graphics:visited, li#graphics a.graphics:active 
    { background: url(/images/l/static_nav.gif) no-repeat -300px 0; }

    li#layouts a.layouts:hover, body#layouts li#layouts a.layouts { background: url(/images/l/static_nav.gif) no-repeat 0px -46px; } 
    li#tweaks a.tweaks:hover, body#tweaks li#tweaks a.tweaks { background: url(/images/l/static_nav.gif) no-repeat -150px -46px; }
    li#graphics a.graphics:hover, body#graphics li#graphics a.graphics { background: url(/images/l/static_nav.gif) no-repeat -300px -46px; }

    
    #search {
      background: url(/images/l/search_bg.gif) no-repeat top left;
      width:260px;
      height:28px;
      position:absolute;
      top:107px;
      right:45px;
    }         

      #search input.text {
        border:none;
        background:#fff;
        margin:3px 0px 0px 26px;    
        width:138px;  
        float:left; 
        display:inline;
      }  

      #search input.submit {
        margin:3px 0 0 5px;
        float:left; 
        display:inline; 
        }      
    
    
  
#middle {
  width:975px;
  background: #fff url(/images/l/content_bg.gif) repeat-y top left;
  float:left;    
  position:relative; 
  min-height:1100px;
  height:auto !important; 
  height:1100px;  
}      

  #page_curl {
    position:absolute;
    bottom:0;
    right:0;
    background: url(/images/l/page_curl.gif) no-repeat bottom left;  
    width:78px;
    height:60px;
  }


#nav_col {
  width:140px;
  float:left; 
}    

 #nav_col #nav_inner {
   margin:7px 10px 10px 10px;
 }           
 
 #nav_inner h1 {   
   background: #F1B0C9;
   margin:10px 0 5px 0;   
   padding:3px 3px 3px 2px;        
   font-size:12px;
   }     
    
 #nav_inner h1.alt {   
   background: #B0DFF1; 
 }
   
 
 ul.menu {
   list-style:none;
   font-size:12px;
   margin:0px 0 20px 5px;
   line-height:16px;
 }   
 
 ul.menu li { padding:0; margin:0; border:1px solid white; display:block;}
 
 ul.menu li a {
   padding:2px 0;
 }
 
 ul.menu a, ul.menu a:link { display:block; color:#763712; text-decoration:underline; background:transparent; }

 ul.menu a:hover { color:#763712; text-decoration:underline; background:#FCFCDD; }   
 ul.menu span { color:#763712; text-decoration:underline; background:#FCFCDD;  display:block; padding:2px 0; }
 
 ul.menu p {
   font-family:Verdana, sans-serif; 
   margin:10px 0 0 0;
 }
#content {
  width:650px; 
  float:left;
  position:relative;
}       

    #content #content_inner {
      width:645px; 
      padding:0px 0px 150px 5px;
      float:left;   
      display:inline;
    }       
    
    #content_inner h1 {
      background: url(/images/l/h1_bg.gif) no-repeat; 
      margin:15px 0 23px 0;
      padding:15px;
    }    
      #content_inner h1.first { 
        margin:0 0 10px 0;
      }
    
    #content_inner h2 {          
      margin:10px 0 0px 0;
      font-family:Lucida Grande, Verdana, sans-serif;  
      font-size:14px;   
      padding:3px 7px 9px 10px; 
      color:#333;
    }  
    
     #content_inner h2 span {
       font-weight:normal;
       font-size:12px;
     }        
     
     #content_inner #message p {
       line-height:18px; 
       font-size:12px;  
       font-family:Lucida Grande, sans-serif; 
       margin:0 10px 10px;
     }   
     
     #message ul, #message ol {
       margin-bottom:10px;
     }
     
     #message ul li, #message  ol li {  
       font-size:12px;
       list-style-position:inside;
       margin:0 10px;      
       font-family:Lucida Grande, sans-serif; 
       line-height:20px; 
       
     }
    
    p.desc {          
      font-family:Lucida Grande, sans-serif;
      font-size:13px;   
      line-height:22px;   
      margin-left:10px;
    }     
    
    
#ad_col {
  margin:10px 10px 10px 0; 
  float:left;
  width:165px;  
  padding:0px 0 0 5px;   
}      
           

div.sq_ad {
  width:631px;
  height:261px;
  float:left;
}   

div.top_ad_left {
  margin:10px 0px 10px 10px; 
  width:300px;    
  float:left; 
  display:inline;   
}  

div.top_ad_right {
  margin:10px 0px 10px 16px;  
  width:300px; 
  float:left; 
  display:inline;       
}      
   
div.top_ad_single {
  margin:30px 10px 0pt 0pt;
  width:310px;   
  height:312px;
  float:right; 
  display:inline;       
} 

div.tall_ad {
  background:#F2F2F2 url(/images/l/vert_ad_bg.gif) no-repeat top left;  
  padding:30px 0 0 0px;     
}       

div.link_ad {
 position:absolute; 
  top:-17px; 
  left:15px;
}

/* Thumb
==================================== */
div.thumb {     
  background:#fcfcfc;
  float:left;
  width:150px;
  height:155px; 
  text-align:center; 
  margin:0px 5px 10px 0; 
  border:1px solid #ccc;  
  border-color:#fafafa #ddd #ddd #fafafa;  
  display:inline;   
  padding:2px;
}  

div.category {
  float:left;
  width:204px;
  height:201px; 
  background: url(/images/l/cat_bg.gif) no-repeat;  
  text-align:center; 
  margin:10px 6px 15px 0;
}        
      
             
div.lrg {
  width:348px;
  height:302px;  
  margin-top:0;
}      


div.thumb p.title {
  margin-top:3px;  
  margin-bottom:0px;
  font-size:12px;
  font-weight:bold;  
  height:29px; 
  overflow:hidden;
}  

div.category p.title {
  padding-top:10px;  
  margin-bottom:5px;
  font-size:14px;
  font-weight:bold;
}             

div.thumb  a, div.category a.thumb { background:none;}


div.thumb p.action a, div.thumb p.actions a {
  border-bottom:1px dotted #763712; 
  background:none;
}   

div.thumb p.action a:hover, div.thumb p.actions a:hover {
  text-decoration:none;
  background:#FCFCDD;
} 

div.last {  
  margin-right:0; 
  width:203px; 
  float:right;
}   

div.thumb img.thumb, div.category img.thumb { 
  background:#ccc; 
  border:1px solid #999;
  width:183px;    
  margin:3px 0 0 0;
}          

div.thumb img.thumb {
   height:137px;
 } 
 
 div.lrg img.thumb {
   height:245px;  
   margin:15px 0pt 0pt;
 } 
 
/* theme */    

div.theme {
  width:149px; 
  height:185px;  
  margin:0px 6px 10px 0pt;
}
 
div.theme img.thumb {
   width:140px; 
   height:105px;
   margin:0 0 5px 0;
   padding:0;
}     

div.theme p.title {
  margin:10px 0 0; 
  height:30px;
}            

div.theme p.action {
  margin-top:5px;
}


div.category img.thumb { 
  background:#ccc; 
  border:1px solid #999;
  width:95px;    
  margin:30px 0 10px 0;
} 

  div.lrg img.thumb {   
    margin:15px 0 0 0;
    width:323px;
  }  
  
p.action {
  margin-top:2px;
  font-size:10px;
  margin-top:5px;
} 
  
p.actions {
  padding-top:10px; 
  font-size:18px; 
  margin-left:-10px;
}           

  p.actions a {xbackground:none;}
   
ul.action, ul.preview_action {
 
  width:180px;
  height:15px; 
  list-style:none;  
  margin-left:17px;
}        

  ul.preview_action {
    margin:10px 0 0 77px;   
  }

li.preview,  li.preview a.preview, 
li.code,  li.code a.code,
li.full, li.full a.full
{
  width:78px;
  height:15px; 
  float:left;    
  text-indent: -8000px; 
  outline:none;  
  overflow:hidden;
}  

   li.full, li.full a.full {
     width:176px;
     height:25px;
   }

li.preview, li.preview a.preview:link, li.preview a.preview:visited, li.preview a.preview:active     
{ background: url(/images/l/btn_preview.gif) no-repeat 0 0; }    
li.code, li.code a.code:link, li.code a.code:visited, li.code a.code:active     
{ background: url(/images/l/btn_code.gif) no-repeat 0 0; width:81px; }   

li.full, li.full a.full:link, li.full a.full:visited, li.full a.full:active     
{ background: url(/images/l/btn_full_preview.gif) no-repeat 0 0; width:176px; }  


li.preview a.preview:hover { background: url(/images/l/btn_preview.gif) no-repeat 0 -15px; } 
li.code a.code:hover { background: url(/images/l/btn_code.gif) no-repeat 0 -15px; }
li.full a.full:hover { background: url(/images/l/btn_full_preview.gif) no-repeat 0 -25px; }    

/* Get Code Tabs */
ul.networks, ul.networks_p {
  margin:0;
  list-style:none;
  float:left;
  list-style:none; 
  margin:0 0 10px 10px; 
  background: url(/images/l/tab_bottom.gif) repeat-x bottom left; 
  width:700px; 
  }    
  
  ul.networks_p {
    margin:12px 0 0px 20px; 
    background:none;
    }
  
ul.networks li, ul.networks_p li { float:left; }
ul.networks li a, ul.networks_p li a {
  float:left;
  background:transparent url("/images/l/tab_left.gif") no-repeat left top;    
  margin:0 0 0 5px;                                                                        
  padding:0 0 0 7px;
  display:block; 
  cursor:pointer; 
  }       
  
  
  ul.networks_p li a {
    background: transparent url("/images/l/tab_left_b.gif") no-repeat left top;
    }   

ul.networks a span, ul.networks_p a span {
  float:left;
  display:block;
  background:url("/images/l/tab_right.gif") no-repeat right top;
  padding:7px 15px 6px 6px;
  text-decoration:none;
  }      
  
  ul.networks_p a span {
    background:url("/images/l/tab_right_b.gif") no-repeat right top;
    padding:1px 15px 1px 6px; 
    }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul.networks a, ul.networks_p a {float:none;}
/* End IE5-Mac hack */
ul.networks a:hover, ul.networks_p a:hover { 
  color:#333;       
  text-decoration:none;  
  }   
ul.networks a.current, ul.networks_p a.current {
  background-image:url("/images/l/tab_left_current.gif");
  }  
  
  ul.networks_p a.current {
    background-image:url("/images/l/tab_left_current_b.gif");
    }
  
ul.networks a.current span, ul.networks_p a.current span {
  background-image:url("/images/l/tab_right_current.gif");
  color:#333;   
  font-weight:bold;  
  }       
  
  ul.networks_p a.current span {
    background-image:url("/images/l/tab_right_current_b.gif");
    }              
      
     ul.networks img, ul.networks_p img { vertical-align:middle; margin-right:4px;}   

   
/* get code */

div#get_code { 
  margin-bottom:30px;
}    

div.details {
  width:263px;   
  padding:6px 5px 0 5px;
  float:left;  
  display:inline;
}          

div.details a {
  border-bottom:1px dotted #763712;
  background:none;
}  

div.details a:hover {
  border:none;
  color:#763712;  
  text-decoration:underline; 
  background:#FCFCDD;
}

 div.details p {
   line-height:31px;
 }     
 
 div.details ol li {
   list-style-position:inside;
   margin-bottom:5px; 
   line-height:18px;  
   font-family:Arial;
   font-size:11px;
 }    
 
 textarea.code { width:240px; display:inline; float:left; font-size:11px; background:#FFFFEB; border:1px solid #BEBEBE; margin-bottom:5px; height:40px;}      
 
 /* Tab Nav */
ul.tabnav
 	{
 	  height: 22px;
 		margin: 0;
 		padding: 0;
 		background: url(/images/grey.gif) repeat-x bottom;  overflow:hidden;
 	}     


ul.tabnav li
   {
    margin: 0; 
    padding: 0;
    display: inline;
    list-style-type: none; 
    line-height:12px;  
    float: left;
 		background: #f3f3f3;
 		font-size: 10px;  
 		font-family:Arial;
 		line-height: 14px;
 		font-weight: bold;
 		padding: 3px 6px;
 		margin-right: 4px;
 		border: 1px solid #999;    
     }

 ul.tabnav a:link, ul.tabnav a:visited, ul.tabnav span
 	{ 
 	  border:none;
    text-decoration: none;
 		color: #666; 
 		display:block;    
 		background:none;
 	}    
 	
 	ul.tabnav a:link.active, ul.tabnav a:visited.active, ul.tabnav span, ul li.current 
    {
      border-bottom: 1px solid #fafafa;
      background: #fff;
      color: #000;
    }   
    
    ul.tabnav span.new {font-size:8px; color:#CC0000; font-family:Verdana; display:inline; background:transparent;}
    
 ul.tabnav a:hover
   {
     color: #000;
     background:none;
   }         
   
   div.code_box {
     border:1px solid #999;
     border-top:none; 
     padding:8px 5px 5px; 
     margin-bottom:10px;   
   }        
   
   div.code_box p, div.code_box ol li {
     line-height:18px;  
     font-family:Arial;
     font-size:11px;
   }         
   
   div.code_box ol li {
     margin-left:5px;
   }
   
 /* Tweak page 
  ==================================== */  
 img.tweak_img {
   float:left;  
   margin:20px 15px 0 7px;
 }        
 
 ul.tweak  {      
   float:left;
   width:250px;
   list-style-position: outside; 
   list-style:none; 
   margin-top:25px;   
   margin-bottom:20px;
 }   
 
 ul.tweak li {
   margin-bottom:15px;
 }     
 ul.tweak li img {
   vertical-align:middle;
 }
 
  ul.tweak li p {
    margin-top:10px;
    line-height:16px;
  }      
 
 textarea.tweak, textarea.tweak2 {
   width:250px; 
   margin:15px 0;    
   height:10px; 
   font-size:10px;
 }  
 
 textarea.tweak2 {
   height:100px; 
   font-size:12px;
 }
 
 /* Frame 
 ==================================== */  
 

 #frame_top {
   background:transparent url(/images/l/frame_top.gif) no-repeat bottom left;
   height:145px;      
   width:1017px;
   margin:0 auto;
   position:relative; 
 }           
 
  
 #frame_top div.logo {
   float:left;
   width:170px; 
 }
 
 #frame_top img.logo {
   margin: 10px 0 10px 10px;
   float:left;
 }        

 #frame_top div.thumb {
   width:105px; 
   padding-top:0px;
 }          

 #frame_top div.thumb img.thumb { 
   width:94px; 
 } 

 #frame_top div.inner {      
   padding:10px; 
   margin:0px 5px 5px 20px;  
   float:left;
   position:relative;    
   width:800px;
 }    
 
 #frame_top #codes {
   height:90px; 
   overflow:hidden;
 }

 #frame_top div.code { 
   width:260px; 
   float:left; 
   display:inline; 
 }  

#frame_top div.code_box {
  width:788px;    
  height:50px;
}         

#frame_top div.msp_v2 {
  display:none;
}   

 #frame_top div.instruction {
   margin-left:0px; 
   width:490px; 
   float:left;
   display:inline;
 }             

 #frame_top div.instruction p, #frame_top div.code p {  
 font-family:Arial;
 font-size:11px;   
 }

 #frame_top p {  
   color:#333;
   font-size:12px;  
   margin-bottom:5px;
   padding:0px;
 }       

 #frame_top textarea.code { height:40px;} 

 #frame_top img.less {
   margin-right:7px;
 }    
 
 #frame p.sp { 
   position:absolute; 
   top:9px; 
   left:220px;
   font-family:Arial;
   font-size:11px; 
   padding-top:2px;
   }
 
 div.back {
   width:102px;
   height:31px; 
   list-style:none;  
 }        
 
 
 div.back a.back
 {
   width:102px;
   height:31px; 
   float:left;    
   text-indent: -8000px; 
   outline:none;  
   overflow:hidden; 
   margin-left:10px;
 }    
 
 div.back a.back, div.back a.back:link, div.back a.back:visited, div.back a.back:active     
 { background: url(/images/l/btn_goback.gif) no-repeat 0 0; } 
 
 div.back a.back:hover { background: url(/images/l/btn_goback.gif) no-repeat 0 -31px; } 
 
 div.tweak { display:none; }     
 
 #frame div.tweak { 
   display:block;
   width:169px;
   height:44px; 
   list-style:none; 
   position:absolute;
   top:0px;
   right:140px; 
 }        
 
 
 div.tweak a.tweak
 {
   width:169px;
   height:33px; 
   float:left;    
   text-indent: -8000px; 
   outline:none;  
   overflow:hidden; 
   margin-left:100px;
 }    
 
 div.tweak a.tweak, div.tweak a.tweak:link, div.tweak a.tweak:visited, div.tweak a.tweak:active     
 { background: url(/images/l/btn_tweak_more.gif) no-repeat 0 0; } 
 
 div.tweak a.tweak:hover { background: url(/images/l/btn_tweak_more_h.gif) no-repeat 0 0; height:44px; }  

 /*popular keywords cloud */
 ul#cloud { list-style:none;  margin: 0.5em 1em 3em 1em; line-height:1.8em; }
 ul#cloud li {display:inline; padding-right:5px;}
 ul#cloud li a {font-size:1em; background:none; }
 ul#cloud li a.one { font-size:0.8em; font-weight:normal;} 
 ul#cloud li a.two { font-size:0.9em;  font-weight:normal;}
 ul#cloud li a.three { font-size:1.1em; font-weight:normal;}
 ul#cloud li a.four { font-size:1.4em; }
 ul#cloud li a.five { font-size:2em; line-height:1em;}
 ul#cloud li a.six { font-size:2.2em; line-height:1.3em;}       
                        
 
/* If naughty */
#help{
  z-index:1000;
  position:absolute;
  top:-24px;
  left:0;     
  width:100%;
  height:100%;
  background: url(/images/black_alpha_dark.png);
  }        
  
 #frame div.instruction ol li {
   list-style-position:inside;
   font-family:Arial;
   font-size:11px;
 }    
    
 
  #help #flagged {
    width:600px; 
    text-align:center; 
    border:5px solid #ccc;
    background:#fff;  
    padding:10px 10px 10px 10px;
    margin:100px 0 0 10px;
   } 
    
               
  * html #help { 
    background: #333; 
    height:3000px;
   }  
               
  #help #flagged p {
    font: 12px/14px "Lucida Grande", Arial, Verdana, sans-serif; 
    margin-bottom:15px;
  }    
  
/* Removed Page
=================================== */


#version2 {  
  font-size:10px;
  height:281px;
  position:relative;
  background: transparent url(/images/splash2.gif) no-repeat scroll 0% 0%;
  width:617px;      
  margin:10px 0 10px 0px;
  }     
  
#alpha_test .alpha_test
{
  margin-left:0px;
  float:left;
  width:200px;
  height:43px;
}          

#version2 #alpha_test .alpha_test { background: url("/images/btn_create_home.gif") no-repeat left top; width:190px;}
#version2 #alpha_test a.alpha_test:link, #version2 #alpha_test a.alpha_test:visited, #version2 #alpha_test a.alpha_test:active { background: url("/images/btn_create_home.gif") no-repeat left top; text-indent: -8000px; outline:none; }
#version2 #alpha_test a.alpha_test:hover { background: url("/images/btn_create_home.gif") no-repeat right top; } 

#version2 {  

}           

* html #version2 {  
  margin:-12px -8px 10px -6px;
}

  #version2 div.makeover_btn {  
    float:right;
    width:214px;
    height:177px;
    position:absolute;
    top:40px;    
    right:0;
    padding:20px 0 0 10px;
  }
   
  body#redirect #version2 div.makeover_btn {
    right:10px;
  }
   
  #version2 ul.check { 
    list-style:none;  
    margin:10px 0 0 10px;  
    list-style-position:outside;
    float:left;
  }
  
  #version2  ul.check li {
    background: url(/images/tick.gif) no-repeat 0 50%;
    padding-left:20px;   
    margin-bottom:8px;
  }    
  #alert {
    background:#FFFFCC url(../images/alert.gif) no-repeat 2% 50%;
    padding:5px 5px 5px 40px;
    font-size:13px; 
    border:1px solid #FFFF00; 
    margin:0px 10px 10px 0px;   
  }     
  #alert p { padding-top:10px; font-weight:bold;}   
  
  div.try {
    margin:0px 10px 0 0; 
    padding:10px 5px 5px;
  }

/* Form
==================================== */

#message form {
  font: 10px/14px "Lucida Grande", Arial, Verdana, sans-serif; 
  margin:10px 10px 30px 10px;
}        

  #message form.code {
    margin:0;
    width:98%;
  }    
    
#message form h2 { font-size:12px; margin: 0 0 10px 0; color:#333; display:block;}
#message form p { font-size:12px; margin:0; padding:0; color:#666; line-height:12px;}
#message form img { margin:0px 10px 15px 0; float:left;}

#message input, #message textarea {  
  font-family:  "Lucida Grande", Arial, Verdana, sans-serif; 
  font-size:12px;
  margin-bottom: 15px;
  color: #333;
  border:1px solid #666;
  padding:3px;    
  float:left; 
  display:inline;
}            
 #message input.submit { margin-right:3px;}


#message label {
  color: #666;   
  font-size: 12px;
  margin-bottom: 0.3em;
  float:left;  
  width:100px; 
  text-align:right;  
  margin-right:8px;
}

#message label.from { display:inline; margin-bottom:20px;} 
#message label.sp {width:100%;}  

#message.normal { margin-bottom:20px;}

#message.normal label, #message.normal input {
  display:block;
  float:none;    
  text-align:left; 
  width:auto;
}  
#message.normal label { font-weight:bold; color:#333;}     
#message.normal input { font-size:16px; background:#FFF8D1;}   
#message.normal input.enter { background:#E5F6FB; padding:5px; }           
         

#content_inner #message div.security p { line-height:12px; font-size:11px;}

/* Pagination
==================================== */
#pagination { margin: 1em 0 2em 0; text-align:center; font-size:14px;}
#pagination a, #pagination span {  text-decoration:none; font-size:14px; padding:0.2em 0.5em 0.1em 0.5em; }
  #pagination span { background: none;}
#pagination a:hover { background:#2683B4; color:#fff; }
#pagination span.this_page { border:none; color: #666; font-weight:bold; }
#pagination span.break { margin: 0 2em 0 0.5em; border:none;}     


/* Footer
==================================== */ 
  
#footer{
  background: #F5F4E2 url(/images/l/footer_bg.gif) no-repeat top left; 
  margin-top:15px;   
  padding:30px 0px 60px 0px;
  width:975px; 
  float:left; 
  color:#333;       
  font-size:12px; 
}               

div.copy { 
  margin-left:20px;
  float:left;
  width:45%;
}  

  div.copy h1 {
    font-size:14px;
    color:#000; 
    margin-bottom:10px; 
  }    
  
  div.copy p {
    font-size:10px;
  }     

div.links {
  float:right;
  width:48%;    
  text-align:right;  
  margin-right:20px;
}     

  div.links p {
    font-weight:bold;
    font-size:12px;
  }  
  
/* Special style of MySpace DAT */     

/* User Profile page for js kit
----------------------------------------------- */   
               

              

#layout_sbr {
  width:265px;
  font: 12px/14px "Lucida Grande", Arial, Verdana, sans-serif; 
}           

#layout_sbr p {
  padding: 0 5px 10px 10px;
   font-size:12px;
   line-height:1.5em;
   color:#444;
   margin-bottom:5px; 
  
}



div.second_box  {
  text-align:left;
  margin-bottom:10px;
  border-bottom:1px solid #ccc;   
  overflow:hidden;     
  background:#fff; 
  border-left:1px solid #ddd; 
  border-right:1px solid #ccc;
  margin-top:10px;
  border-top:1px solid #CCCCCC; 
  padding-bottom:5px; 
  width:260px;   
}   

#content_inner h2.module {
  background:#333;
  color:#fff;
  margin:0 0 10px 0;
  padding:4px 10px 4px 10px;
  font-size:10px;
  text-transform:uppercase;
}


div.second_box h2 {
  text-align:left;
}      

div.second_box p.myurl { 
  clear:both;
  text-align:center;
  padding:20px 0 0 0;
}
  
div.second_box h2.module {
  background:#333; 
  margin-bottom:10px;
}

div.second_box img.avatar {
  margin:0px 0px 7px 7px;
  float:left;    
  max-width:125px;
}   

div.second_box div.info {
   margin-left:133px;
}   
div.second_box div.info p {
  padding-bottom:5px;
}   

div.second_box div.not_approved div.info p {
  color:#ccc;
}      

div.second_box div.not_approved {
  position:relative;    
}   

div.get_approved { 
  clear:both;
  background:#FFF;
  border:1px solid #ccc; 
  width:160px; 
  text-align:center;  
  padding:20px; 
  margin-left:26px;
  }  
  
  div.get_approved p {
    padding:10px 0 0 0;
  }

  #get_mp_data .get_mp_data
  {
    margin-left:0px;
    float:left;
    width:200px;
    height:43px;
  }     



  #get_mp_data .get_mp_data { background: url("/images/btn_get_mp_data.png") no-repeat left top; width:160px; height:34px;}


  #get_mp_data a.get_mp_data:link, #get_mp_data a.get_mp_data:visited, #get_mp_data a.get_mp_data:active

   {
    text-indent: -8000px; outline:none;
  }

  #get_mp_data a.get_mp_data:link, #get_mp_data a.get_mp_data:visited, #get_mp_data a.get_mp_data:active { background: url("/images/btn_get_mp_data.png") no-repeat left top; }


  #get_mp_data a.get_mp_data:hover { background: url("/images/btn_get_mp_data.png") no-repeat right top;}   
  
div.nabbr_below {
  margin:10px;   
  padding-top:10px;
}

.fb_like { float:right; width:200px;}
.fb_like img { float:left; margin-right:10px;}

p.tb_btn a,  p.tb_btn a:hover { width:244px; height:89px; display:block; background:url(/images/l/btn_insert.gif); text-indent:-3000px;} 


/* Classes
==================================== */

.alignRight { float: right; } 
.alignLeft { float:left;}     

.imgAlign {  
    margin-right:5px;
    vertical-align:middle;  
}  



.separator {
  clear:both;
  border-top:2px dotted #999;  
  height:7px;
  margin:10px 0 0 0px;
}

.clear { 
  clear:both; 
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}  

.clearfix {
  display: inline-block; /* Fixes IE/Mac */
  }