/* AUTO LOGIN */

#twitter_api { display: block; width: 320px; margin: 2px auto; padding: 0px; border: 0; background-color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; }




/* Main headline */		
.ld-title h1 {
	font-size: 34px;
}	

#layout-details {width:100%;background-color:#ffffff;float:left;padding:0px 0px 40px 0px;overflow:hidden;}
.ld-title {width:100%;margin-bottom:10px;padding:0px 0px 5px 0px;}
.ld-title p {padding:10px 0px 2px 3px;font-size:10px;font-weight:normal;text-transform:uppercase;}
.ld-title p a {font-size:10px;font-weight:normal;text-transform:uppercase;}
.ld-left {width:620px;display:inline;float:left;padding-left:10px;overflow:hidden;}
.ld-right {width:350px;display:inline;float:left;overflow:hidden;}

/* @font-face font definitions */



.button {
	display:block;
	width:311px;
	height:50px;
	text-indent:-9999px;
}
.button a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(/themes/test/images/button.png) no-repeat top left;
	outline:none;
}
.button a:hover {
	background-position:0 -50px;
}

.p_button {
	display:block;
	width:123px;
	height:29px;
	text-indent:-9999px;
}
.p_button a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(/themes/test/images/p_button.png) no-repeat top left;
	outline:none;
}
.p_button a:hover {
	background-position:0 -29px;
}

.block {
	width: 610px;
	height: 370px;
	position: relative;
	float: left;
	display:inline;
	margin:0px 9px;
}
.block p {
	margin: 0;
}

/*backgrounds*/
.background_cover {
	width: 592px;
	height: 262px;
	position: relative;
	float: left;
	display:inline;
	margin:0px 9px;
}
.background_cover p {
	margin: 0;
}

.twitter_cover {
	width: 600px;
	height: 276px;
	position: relative;
	float: left;
	display:inline;
	margin:0px 9px;
}
.twitter_cover p {
	margin: 0;
}

.formspring_cover {
	width: 600px;
	height: 290px;
	position: relative;
	float: left;
	display:inline;
	margin:0px 9px;
}
.formspring_cover p {
	margin: 0;
}

.preview_links_fs {	position: absolute;
	top:230px;
	left: 150px;
	width:313px;
	height:90px;
	z-index:3;
padding:6px 0px;
color:#fff;

}

p.preview_links_fs a:link,p.preview_links_fs a:visited,p.preview_links_fs a:active {padding:5px 50px;background-color:#22c9d0;color:#0b4245;line-height:28px;text-decoration:none;-moz-border-radius: 5px;
-webkit-border-radius: 5px;font-family:arial;}

p.preview_links_fs a:hover {background-color:#1ab7be;-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.block:hover .links {
	display: block;
}

.bg-options {text-align: center;
	background:transparent url(/themes/lucky/images/bg_option.png) no-repeat top left;
	width: 264px;
	height:77px;
	padding: 5px 0;
	position: absolute;
	bottom: 90px;
	left: 162px;}

.preview_links_bg {	position: absolute;
	top: 115px;
	left: 163px;
	width:264px;
	height:77px;
	z-index:3;
padding:6px 0px;
color:#fff;
text-align: center;

}



.block:hover .links {
	display: block;
}

.links {
	text-align: center;
	background:transparent url(/themes/test/images/preview.png) no-repeat top left;
	width: 308px;
	height:86px;
	padding: 5px 0;
	position: absolute;
	bottom: 138px;
	left: 162px;

}
.preview_links {	position: absolute;
	top: 170px;
	left: 195px;
	width:313px;
	height:90px;
	z-index:3;
padding:6px 0px;
color:#fff;

}

p.preview_links a:link,p.preview_links a:visited,p.preview_links a:active {padding:5px 50px;background-color:#22c9d0;color:#0b4245;line-height:28px;text-decoration:none;-moz-border-radius: 5px;
-webkit-border-radius: 5px;font-family:arial;}

p.preview_links a:hover {background-color:#1ab7be;-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.block:hover .links {
	display: block;
}

.layout-info {font-size:12px;}
.layout-info li a {font-size:11px;font-weight:normal;line-height:18px;}


/*************** Content Box ***************/

.content-box {
				
                border: 1px solid #ccc;
                margin: 16px 0 20px 0;
                background: #fff;
                _margin: 16px 0 20px 0;
                }

.view-more-info {width:96%;margin-left:10px;}
.content-box-header {
                background: #e5e5e5 url('/themes/test/images/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 40px;
                }

.content-box-header h3 {
                padding: 12px 15px 10px;
                float: left;
                }

ul.content-box-tabs {
                float: left;
                padding: 12px 15px 0 8px !important;
				margin: 0 !important;
                }

ul.content-box-tabs li {
                float: left;
                margin: 0;
                padding: 0 !important;
                background-image: none !important;
                }
                
#layout-details ul.content-box-tabs li a {
                color: #333;
                padding: 8px 10px;
                display: block;
                margin: 1px;
                border-bottom: 0;
                }

ul.content-box-tabs li a:hover {
                color: #57a000;
                }              
                
ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0;
                }

#layout-details .content-box-content {
                padding: 20px;
                font-size: 13px;
                border-top: 1px solid #ccc;
                }
                

.column-left {width:330px;margin-left:8px;}


/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('images/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }


.success {
                background: #d5ffce url('../images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }




/********************************      jQuery plugins styles      ********************************/


/*MYSPACE LAYOUTS DETAILS PAGE*/
.breadcrumb,.breadcrumb a {font-size:11px;font-weight:normal;text-transform:lowercase;}
.related-layouts-box, .related-layouts-box a {font-size:11px;font-weight:normal;}
.related_layouts {margin:10px auto;width:330px;}
.related_layouts .more {overflow-x:hidden;overflow-y:auto;width:320px;height:500px;margin:10px auto;}
.related_layouts .related-layouts-box {margin:0 auto;height:145px;width:200px;margin-bottom:2px;}
.related_layouts .related-layouts-box .left {display:block;width:240px;height:114px;}
.related_layouts .related-layouts-box .right {display:block;width:240px;height:22px;background-color:#eaeaea;}
.related_layouts h3 {font-size:18px;font-weight:bold;color:#333333;padding-left:5px;line-height:34px;display:block;margin-bottom:3px;border-bottom:4px solid #666666;}
.details {float:left;display:inline;width:252px;margin-bottom:4px;overflow:hidden;border-left:1px solid #009b99;}
.info {float:left;display:inline;padding:8px 0px;}
.info a {color:#333333;}
.info p {margin-left:10px;color:#333333;font-size:11px;}
.info p.views {background:url(http://hot-lyts.com/_new/omg/images/icons/bullet_black.png) no-repeat left center;padding:4px 4px 4px 18px;margin-bottom:1px;}
.info p.views strong {color:#e34c99;}
.info p.time {background:url(http://hot-lyts.com/_new/omg/images/icons/time.png) no-repeat left center;padding:4px 4px 4px 20px;margin-bottom:1px;color:#555555;}
.info p.tagged {background:url(http://hot-lyts.com/_new/omg/images/icons/tag_orange.png) no-repeat left center;padding:4px 4px 4px 18px;margin-bottom:1px;}
.info p.tagged a {background-color:#f4f4f4;font-size:11px;padding:2px;color:#333333;font-weight: normal;}
.info p.need-help {background:url(http://hot-lyts.com/_new/omg/images/icons/help.png) no-repeat left center;padding:4px 4px 4px 18px;margin-bottom:1px;}
p.more_info {font-size:13px;background-color:#f7f7f7;display:block;padding:10px 7px;}

.codes {float:left;display:inline;height:480px;overflow:hidden;width:580px;padding-left:10px;background-color:#ff6699;}
.original {float:left;display:inline;width:280px;overflow:hidden;border-right:1px solid #555555;height:470px;}
.styles {width:280px;float:left;display:inline;height:470px;}
.get_code {width:280px;height:80px;background-color:#fbfbfb;margin:6px auto;border:1px solid #999999;}
.get_code p {padding:2px 7px;color:#888888;margin-bottom:5px;display:block;border-bottom:1px solid #b9b9b9;font-size:14px;font-weight:bold;text-transform: lowercase;font-style: italic;background-color:#f4f4f4;}
.get_code a {color:#e84a5f;padding:3px;margin:7px 5px;font-weight:bold;line-height:17px;}
.get_code a.main-style {font-size:16px;color:#e84a5f;padding:3px;margin:5px;font-weight:normal;line-height:40px;}
.codes h2 {font-size:14px;letter-spacing:-1px;color:#1394b8;padding:5px 7px;text-align: left;border-bottom:1px solid #111111;letter-spacing:0px;}
.codes h2 i {font-size:12px;letter-spacing:0px;}
.codes h3 {font-size:16px;color:#009b99;line-height:38px;padding-left:5px;font-weight:normal;text-transform:lowercase;}


/*DETAILS PAGE */



.comment_system label { display: inline-block; float: left; height: 26px; line-height: 28px; width: 150px; font-size: 1.5em; }
.comment_system input, .comment_system textarea { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
.comment_system input:focus, .comment_system textarea:focus { border: 1px solid #999; background-color: #fff; color:#333; }
.comment_system input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.comment_system input.submit:hover { background:#444; }
.comment_system fieldset { padding:16px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.comment_system legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */



.comment_system {width:95%;display:inline;float:left;padding-left:15px;}
.comment_system h4 {padding:8px 8px 6px 0px;color:#333333;font-size:16px;}
.comment_system strong {color:#2222222;font-size:12px;line-height:23px;padding:4px 0px;}

dd.captcha {
margin-left : 22px;
}

.comment-data {padding:8px 10px 10px 10px;border-bottom:1px solid #ececec;text-transform:lowercase;}
.comment-entry p {padding-left:5px;}
.comment-page-numbers {padding:10px;}
/* ---------- RELATED LAYOUTS ----------------------- */
.gallery {
	list-style: none;
	margin: 0 ;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin:  0;
	float: left;
	position: relative;
	width: 290px;
	height: 95px;
	border-bottom:1px solid #dedede;
}
.gallery li:hover img {
	border-color: #000;
}
.gallery img {
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}
.gallery em {
	color: #333333;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	padding: 2px 10px;
	display: block;
	position: absolute;
	top: 30px;
	left: 140px;
}
.gallery a {
	text-decoration: none;
}
.gallery a:hover em {
	background: #ffdb01 url(/templates/images/orange-gradient.gif) repeat-y;
	border-color: #c25b08;
}





#info h4 {font-size:18px;background:#eeeeee url(/themes/lucky/images/facebox/add.png) no-repeat left center;line-height:50px;border:1px solid #dddddd;padding-left:40px;}

#info .code_list {width:300px;margin-left:5px;display:inline;float:left;}
.code_list p {font-size:14px;margin:6px 0 6px 0;border-bottom:1px solid #eeeeee;padding:2px 0 4px 10px;font-weight:bold;}
.code_list a {padding:5px;font-size:11px;margin:5px;}
.main_code a {font-size:18px;}


/************ Table ************/

#layout-details table {
                width: 100%;
                border-collapse: collapse;
                }
                
#layout-details table thead th {
                font-weight: bold;
                font-size: 15px;
                border-bottom: 1px solid #ddd;
                }
                
#layout-details tbody {
                border-bottom: 1px solid #ddd;
                }
                
#layout-details tbody tr {
                background: #fff;
                }
              
#layout-details tbody tr.alt-row {
                background: #f3f3f3;
                }
                
#layout-details table td,
#layout-details table th {
                padding: 10px;
                line-height: 1.3em;
                width:50%;
                }        
				
#layout-details table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
				
#layout-details table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }  
                
                
/************ Shortcut Buttons ************/

.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7 url('/themes/test/images/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 120px;
                margin: 0 0 20px 0;
                }

.shortcut-button span {
                border: 1px solid #fff;
                display:block;
                padding: 15px 10px 15px 10px;
                text-align: center;
                color: #555;
                font-size: 13px;
                line-height: 1.3em;
                }

.shortcut-button span img {
                margin-bottom: 10px;
                }

.shortcut-button:hover {
                background: #fff;
				
                }
				
.shortcut-button span:hover {
				color: #57a000; 
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
				padding: 0 !important;
				background: 0;
                }

/************ Messages ************/

#messages p,
#messages form {
                border-top: 1px solid #ddd;
                padding: 10px 0;
                }

#messages h4 {
                padding: 10px 0;
                }
				
#messages fieldset {
                margin: 0;
                }
				
#messages textarea {
                margin: 0 0 15px 0;
                }
/********************************      Main Content      ********************************/


#facebox .b {
  background:url(/themes/test/images/b.png);
}

#facebox .tl {
  background:url(/themes/test/images/tl.png);
}

#facebox .tr {
  background:url(/themes/test/images/tr.png);
}

#facebox .bl {
  background:url(/themes/test/images/bl.png);
}

#facebox .br {
  background:url(/themes/test/images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  text-align: left;
}

#facebox .popup {
  position: relative;
    z-index: 900;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;

}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}


/* Form style */

#twitter_api label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; color:#0891af;}

#twitter_api input, #twitter_api textarea, #twitter_api select, .bg_url { margin: 0; padding: 5px; color: #666666; background:#ffffff url(http://www.twitcane.com/themes/images/form.png) repeat-x top left;border: 1px solid #d1d1d1; margin: 5px 0;  -moz-border-radius: 5px; -webkit-border-radius:5px; font-size:16px; }   
#twitter_api input.twitinfo { width:240px;line-height:18px;}
#twitter_api input:focus, #twitter_api textarea:focus, #twitter_api select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#twitter_api input.submit { cursor: pointer; border: 1px solid #269fba; background:#ffffff url(http://www.twitcane.com/themes/images/submit.png) repeat-x top left; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; font-size:18px; }
#twitter_api input.submit:hover { background:#d9531a;background:#ffffff url(http://www.twitcane.com/themes/images/submit-hov.png) repeat-x top left; }
#twitter_api fieldset { background:#ffffff url(http://www.twitcane.com/themes/images/grad.png) repeat-x bottom left;padding:18px;border:1px solid #e0e0e0; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#twitter_api legend { background-color:#f9f9f9; padding:7px 10px; font-weight:bold; color:#444444; border:1px solid #e0e0e0; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#twitter_api span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

#twitter_api .error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#twitter_api #succsess_page h1 { background: url('http://www.twitcane.com/assets/success.gif') left no-repeat; padding-left:22px; }

/*tumblr */

.tumblr-code {width:94%;height:160px;}

p.modal_large {padding:20px;text-align:center;}
.modal_large a {font-size:18px;padding:8px;}