/* --------------------------
   General
----------------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	padding-bottom: 1px;
}

body {
	background: #FFF url('../images/body.png') repeat-x left top;
	color: #404040;
	font: normal 12px Arial,sans-serif;
}

p {margin: 0.2em 0 1.2em;}

img {border: none;}

big,.big {font-size: 1.2em;}

.bold { font-weight:bold; }
.italic { font-style:italic; }

textarea {overflow: auto;}

.center_div { margin-left:auto; margin-right:auto; }
.vcenter_div { vertical-align:middle; }

.note { font-style:italic; color:#C00; }
--------------------------
   Headings, titles
----------------------------- */

h1 {font: bold 16px Arial,sans-serif;}
h2 {font: bold 14px Arial,sans-serif;}
h3 {font: normal 1.2em sans-serif;}

/* Special heading spans */
h2 span.notice {
	font: normal 12px Arial,sans-serif;
	color: #a93b0a;
}


/* --------------------------
   Nobody knows
----------------------------- */
.helpWin
{
	background-color: #ffffdd;
	border: solid 1px #646442;
	padding: 8px;
	margin: 12px;
}
.helpWin h1
{
	font-size: 16px;
	color: #666633;
	margin-bottom: 3px;
	margin-top: 1px;
}
.helpWin p
{
	font-size: 16px;
	color: #666633;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
.helpWin .close
{
	background: url('../images/buttons/small_close.png') no-repeat 0px -22px;
	float: right;
	width:22px;
	height:22px;
	outline: none;
	padding: 0;
	margin: 0;
}
.helpWin .close a
{
	width:22px;
	height:22px;
	outline: none;
}
.helpWin .close:hover
{
	background-position:0px -44px;
	outline: none;
}
.getHelp
{
	background: url('../images/buttons/small_help.png') no-repeat 0px -22px;
	float: right;
	width:22px;
	height:22px;
	outline: none;
	padding-right: 8px;
	vertical-align: middle;
}
.getHelp a
{
	width:22px;
	height:22px;
	outline: none;
}
.getHelp:hover
{
	background-position:0px -44px;
	outline: none;
}
/* --------------------------
   Links
----------------------------- */

a {
	color: #65b019;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}


/* --------------------------
   Buttons
----------------------------- */

/* General button */
.button_disabled {
	background: url('../images/buttons/general_disabled.gif') no-repeat left center;
	color: #999;
	font: bold 12px Arial,sans-serif;
	line-height: 26px;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}
.button_disabled:hover {text-decoration: none; color: #999;}

.button {
	background: url('../images/buttons/general.gif') no-repeat left center;
	color: #666;
	font: bold 12px Arial,sans-serif;
	line-height: 26px;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

.button:hover {background: url('../images/buttons/general_hover.gif') no-repeat left center; text-decoration: none;}
.button:active {background: url('../images/buttons/general_active.gif') no-repeat left center;}
.button:visited 
{
	/* Workaround for safari */
	color: #666;
	font: bold 12px Arial,sans-serif;
	line-height: 26px;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

/* for positioning */
table.button_table { padding:0px; margin:0px; border-spacing:0px; border-collapse:collapse; }
table.button_table td { padding: 4px 4px 0 0; }

/* Checkbox */
a.checkbox {
	display: block;
	height: 12px;
	width: 12px;
	background-image: url('../images/buttons/checkbox.gif');
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
}

.checkbox_selected {
	background-position: left bottom;
}


/* --------------------------
   Images
----------------------------- */

.thumb_holder {
	background: url('../images/thumb_holder/arrow_right.gif') no-repeat right top;
	height: auto;
	width: auto;
	margin-bottom: 5px;
}
.thumb_holder .thumb {
	border: 1px solid #CCC;
	padding: 2px;
	background: #FFF;
	margin-right: 3px;
}
.thumb_holder .thumb img {}

img.left {margin-right: 10px;}
img.right {margin-left: 10px;}

img.bordered {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 2px;
}


/* --------------------------
   Colors
----------------------------- */

.light {color: #BBB;}
.light a {color: #666;}

.gray {color: #999;}
.dark_gray {color: #777;}
.red {color: #C00;}
.green {color: #080;}
.blue {color: #369;}
.yellow {color: #999a0b;}

/* --------------------------
   Misc, unsorted
----------------------------- */

.icon_rss {
	background: url('../images/icons/rss.gif') no-repeat left center;
	padding-left: 16px;
}
.inline {display: inline;}
.strong {font-weight: bold;}
small,.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font: normal 10px Arial,sans-serif;}

/* --------------------------
   Misc, unsorted
----------------------------- */

.block {display: block;}
.alt {background: #FCFCFC;}


/* --------------------------
   Floats
----------------------------- */

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

.clear, .clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}

.col2 {width: 49%;}
.col2box {width: 323px;}


/* --------------------------
   Text
----------------------------- */

.tleft {text-align: left;}
.tright	{text-align: right;}
.tcenter {text-align: center;}
.smalltext {font: normal 11px Arial,sans-serif;}
p.smalltext {margin: 0 0 6px;}

/* --------------------------
   Layout
----------------------------- */

#wrapper_outer {background: url('../images/wrapper_outer.png') repeat-x left top;}
#wrapper_inner1 {background: url('../images/wrapper_inner1.gif') no-repeat center top;}
#wrapper_inner2 {
	background: url('../images/wrapper_inner2.gif') no-repeat left bottom;
	padding-bottom: 1px;
}
#wrapper {
	background: url('../images/wrapper.png') repeat-y center top;
	width: 922px;
	margin: 0 auto;
}


/* --------------------------
   Calendar
----------------------------- */


.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: black;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #aaaaaa;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #65b019;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #65b019;
    font-weight:bold;
}
.MyCalendar .ajax__calendar_days table tr td
{
    padding:0px;
}

/* --------------------------
   Top
----------------------------- */

#top {
	height: 48px;
	text-align: right;
}

#top div.separator {
	margin: 0 10px;
	width: 2px;
	background: url('../images/top_separator.png') no-repeat center center;
	height: 48px;
}

#userinfo {
	color: #888;
	font: normal 11px Tahoma,sans-serif;
	padding: 10px 11px 10px 0;
	text-shadow: #fff 0px 1px 1px;
}
#userinfo a {color: #888;}
#userinfo a:hover {color: #444;}

/* Logout */
#logout {padding-top: 5px;}
#logout a {
	background: url('../images/logout.gif') no-repeat;
	display: block;
	height: 36px;
	width: 58px;
	outline: none;
}
#logout a:hover {background-position: left bottom;}

/* Network */
#top a.network {
	float: left;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 5px;
	outline: none;
}
#top a#network_home {
	background-image: url('../images/network_home.gif');
	width: 52px;
}
#top a#network_studio {
	background-image: url('../images/network_studio.gif');
	width: 52px;
}
#top a#network_blog {
	background-image: url('../images/network_blog.gif');
	width: 41px;
}
#top a#network_forum {
	background-image: url('../images/network_forum.gif');
	width: 52px;
}
#top a.network:hover {background-position: center bottom;}

#top a#status_messages {
	background-image: url('../images/status_messages.gif');
	background-position: left top;
	background-repeat: no-repeat;
	color: #777;
	font: normal 10px Arial,sans-serif;
	padding-top: 28px;
	text-align: center;
	width: 30px;
}
#top a#status_messages:hover {
	background-position: right top;
	text-decoration: none;
	color: #484;
}
#top a.gotmail#status_messages {background-position: center top;}


/* --------------------------
   Sidebar
----------------------------- */

#sidebar {
	margin-left: 7px !important;
	margin-left: 4px;
	width: 236px;
}

/* Logo */

#logo {}
#logo a {
	background: url('../images/yooba.png') no-repeat left top;
	width: 236px;
	height: 66px;
	display: block;
	outline: none;
}
#logo a:hover {background-position: left bottom;}

/* Navigation */

#navigation {
	background: #E8E8E8;
	border-bottom: 1px solid #B5B5B5;
	padding: 4px 0;
}
#navigation ul {
	background: url('../images/navigation/separator.png') no-repeat center top;
	padding-top: 1px;
}
#navigation li {
	background: url('../images/navigation/separator.png') no-repeat center bottom;
	list-style: none;
	padding-bottom: 1px;
}
#navigation a, #navigation a span {
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 33px;
	outline: none;
}
#navigation a {background-position: left top; outline: none;}
#navigation a span {background-position: 4px center;}

#nav_start {background-image: url('../images/navigation/start.png');}
#nav_start span {/*background-image: url('../images/navigation/start_icon.png');*/}

#nav_create {background-image: url('../images/navigation/create.png');}
#nav_create span {/*background-image: url('../images/navigation/create_icon.png');*/}

#nav_projects {background-image: url('../images/navigation/projects.png');}
#nav_projects span {/*background-image: url('../images/navigation/projects_icon.png');*/}

#nav_invoices {background-image: url('../images/navigation/invoices.png');}
#nav_invoices span {/*background-image: url('../images/navigation/invoices_icon.png');*/}

#nav_clients {background-image: url('../images/navigation/clients_inactive.png');}
#nav_clients span {/*background-image: url('../images/navigation/clients_icon.png');*/}

#nav_statistics {background-image: url('../images/navigation/statistics.png');}
#nav_statistics span {/*background-image: url('../images/navigation/statistics_icon.png');*/}

#nav_data {background-image: url('../images/navigation/data.png');}
#nav_data span {/*background-image: url('../images/navigation/data_icon.png');*/}

#nav_domains {background-image: url('../images/navigation/domains.png');}
#nav_domains span {/*background-image: url('../images/navigation/domains_icon.png');*/}

#nav_forums {background-image: url('../images/navigation/forums_inactive.png');}
#nav_forums span {/*background-image: url('../images/navigation/forums_icon.png');*/}

#nav_calendar {background-image: url('../images/navigation/calendar_inactive.png');}
#nav_calendar span {/*background-image: url('../images/navigation/calendar_icon.png');*/}

#nav_price {background-image: url('../images/navigation/price.png');}
#nav_price span {/*background-image: url('../images/navigation/price_icon.png');*/}

#nav_mypage {background-image: url('../images/navigation/mypage_inactive.png');}
#nav_mypage span {/*background-image: url('../images/navigation/mypage_icon.png');*/}

#nav_settings {background-image: url('../images/navigation/settings.png');}
#nav_settings span {/*background-image: url('../images/navigation/settings_icon.png');*/}

#navigation a:hover {background-position: left bottom;}
#navigation a.selected {background-position: left center;}


/* Help */

#help 
{
	border-top: 1px solid #CECECE;
	padding-bottom: 10px;
}
#help li {
	list-style: none;
	padding: 2px 0;
}
#help li span {
	background: url('../images/icons/arrow_gray_right.gif') no-repeat 12px center;
	padding-left: 23px;
}
#help li a {
	color: #929292;
	font-weight: bold;
}
#help li a:hover {
	color: #666;
	text-decoration: none;
}


/* --------------------------
   Main
----------------------------- */

.main {
	width: 656px;
	margin-right: 11px !important;
	margin-right: 5px;
}

.main#frontpage {background: url('../images/alpha.jpg') no-repeat left 58px;}

#main_content {margin-top: 8px;}


/* --------------------------
   Footer
----------------------------- */

#footer {
	color: #A6A6A6;
	font: normal 11px Tahoma,Arial,sans-serif;
	margin: 0 auto;
	padding: 10px 0;
	width: 820px;
}

#footer a {color: #A6A6A6;}
#footer a:hover {color: #555;}

#footer_links {margin-bottom: 10px;}
#copyright {color: #BFBFBF;}


/* --------------------------
   Special divs
----------------------------- */

/* Frontpage */

#recent {
	line-height: 95%;
	padding-top: 146px; 
	width: 420px;
}
#recent .content {padding-left: 8px;}
#recent li {list-style: none;}
#recent ul {margin: 3px 0 5px;}
#recent li span {
	background: url('../images/icons/project.gif') no-repeat left center;
	padding-left: 15px;
}


/* --------------------------
   Content containers
----------------------------- */

/* Box */

.rbox .box_top *, .rbox .box_bottom * {
	font-size: 0;
	line-height: 0;
	display: block;
}
.rbox .box_top {
	background: url('../images/rbox/top.png') repeat-x left top;
	height: 4px;
}
.rbox .box_bottom {
	background: url('../images/rbox/bottom.png') repeat-x left top;
	height: 13px;
}

.rbox .box_top div {
	height: 4px !important;
	height: 0;
}
.rbox .box_bottom div {height: 13px;}

.rbox .box_top .left, .rbox .box_top .right, .rbox .box_bottom .left, .rbox .box_bottom .right {
	background-image: url('../images/rbox/corners.png');
	background-repeat: no-repeat;
	width: 4px;
}

.rbox .box_top .left {background-position: top left;}
.rbox .box_top .right {background-position: top right;}
.rbox .box_bottom .left {background-position: bottom left;}
.rbox .box_bottom .right {background-position: bottom right;}

.rbox .box_container .box_title, .rbox .box_container .box_content {
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

.rbox .box_container .box_title {
	background: #F6F6F6 url('../images/rbox/title.png') repeat-x left top;
	/*border-bottom: 1px solid #EEE;*/
	color: #777;
	font: bold 16px Arial,sans-serif;
	padding: 1px 8px 2px;
}

/*.rbox .box_container .box_title .separator_left, .rbox .container .box_title .separator_right {
	background-image: url('../images/rbox/title_separator.png');
	background-repeat: no-repeat;
}*/
.rbox .rbox .container .box_content .separator_right {
	background-image: url('../images/rbox/content_separator_v.png');
	background-repeat: no-repeat;
}
.rbox .box_container .separator_left  
{
	border-left: 1px solid #ECECEC;
	background-position: left center;
	padding-left: 7px;
}
.rbox .box_container .separator_right {
	background-position: right center;
	padding-right: 7px;
}

.rbox .box_container .content_separator {
	height: 24px;
	background: url('../images/rbox/content_separator_h.gif') repeat-x left center;
	display: block;
	font-size: 0;
	line-height: 0;
}

.rbox .box_content {background-color: #FFF;}
.rbox .box_content ul, .rbox .box_content ol {margin-left: 1.6em;}
.rbox .p4, .rbox .p6 {padding-bottom: 0;}

.rbox .actions {
	color: #999;
	font: normal 11px Arial,sans-serif;
	text-align: right;
}
.rbox .actions_top {
	padding-bottom: 2px;
	border-bottom: 1px solid #ECECEC;
}
.rbox .actions_bottom 
{
	border-top: 1px solid #ECECEC;
	padding-top: 2px;
	margin-top:2px;
}
.rbox .selected_action {color: #555;}
.rbox .actions form {display: inline;}
.rbox .actions input, .rbox .actions select {
	border: 1px solid #CCC;
	padding: 3px 4px;
	font: normal 10px Verdana,Arial,sans-serif;
}
.rbox .box_title .actions {padding-top: 2px;}


/* Box tabs */

.rbox .box_tabs {
	background: #F7F7F7 url('../images/rbox/tabs.png') no-repeat left top;
	padding: 0 2px;
	height: 28px;
}
.rbox .box_tabs .tab {
	margin-top: 2px;
	float: left;
	width: 128px;
	height: 26px;
}
.rbox .box_tabs .tab a {
	background: url('../images/rbox/tab.gif') no-repeat left top;
	display: block;
	color: #999;
	font: bold 14px Arial,sans-serif;
	height: 26px;
	text-align: center;	
}
.rbox .box_tabs .tab a:hover {
	background-position: left center;
	color: #036;
	text-decoration: none;
}
.rbox .box_tabs .tab a span {
	display: block;
	padding-top: 4px;
}
.rbox .box_tabs .tab#selected_tab a {
	background-color: #FFF;
	background-position: left bottom;
	color: #508A13;
}

/* Blog postlist */

.blog_postlist { margin: 0 0 0 0; }
.blog_postlist p {margin: 0 0 4px;}
.blog_postlist .blog_text {width: 150px;}

.blog_postlist .small_news {width: 190px;}
.blog_postlist .radiobtn { padding: 0 0 0 4px; }


/* Post */

.post {margin-bottom: 10px;}
.post p { margin: 0 0 0 0; }
.post .post_date {
	color: #999;
	margin-bottom: 3px;
}
.post .post_title {
	color: #666;
	font: bold 14px Arial,sans-serif;
}
.post .small_date { color: #999999; }


/* Project listing */

.project_list {
	border-top: 1px solid #B6B6B6;
	margin: 0 1px;
	padding-bottom: 10px;
}
.project_list .empty {
	margin: 25px 0 25px 0;
	text-align:center;
	font-weight:bold;
	color: #6688aa;
}

.project_listing {
	border-bottom: 1px solid #B6B6B6;
	padding: 5px 5px 0px;
	background: #ECECEC url('../images/project_listing/listing.gif') repeat-x left top;
	/* IE 6 hack */
	width: 642px;
}

.project_listing .atStarter 
{
}
.project_listing .image {
	width: 96px;
	padding-top: 2px;
}
.project_listing .image img {
	padding: 3px;
	background: #FFF;
}
/*.version .image {
	width: 56px;
	padding-top: 2px;
}*/
.version .image img {
	margin:4px 10px 0 0;
	padding: 2px;
	background: #FFF;
}
.version .preview 
{
	background-image: url('../images/project_listing/icon_preview.png');
	width:68px;
	height:48px;
	margin-top:-6px;
}
.version .preview:hover { background-position:left bottom; }
.version .preview a { width:68px; height:48px; }

.project_listing .content {width: 536px;}

.project_listing .content .top {min-height: 31px;}
.project_listing .content .top .left {width: 405px;}
.project_listing .content .top .left .title {
	color: #454545;
	font: bold 14px Arial,sans-serif;
}
.project_listing .content .top .left .client {
	color: #7F7F7F;
	font: normal 10px Arial,sans-serif;
}

.project_listing .content .top .right {
	width: 130px;
	color: #999;
	line-height: 115%;
	text-align: right;
}

.project_listing .content .details {
	background: url('../images/project_listing/details.gif') no-repeat center center;
	color: #8C8C8C;
	width: 331px;
}
.project_listing .content .details .col2 {
	font: normal 11px Arial,sans-serif;
	margin-top: 7px;
	width: 160px;
}
.version .details .col2 {
	font: normal 11px Arial,sans-serif;
	margin-top: 7px;
	width: 160px;
}
.version .details
{
	width:546px;
}
.version .go_live
{
	background: url('../images/project_listing/sub_icon_live.png') no-repeat center center;
	background-position:left top;
	height: 22px;
	margin-top: 14px;
	width: 67px;
}
.version .go_live a
{
	width:67px;
	height:22px;
}
.version .go_live:hover { background-position:left center; }
.version .go_live:active { background-position:left bottom; }

.project_listing .content .options {
	background: url('../images/project_listing/options.gif') no-repeat center center;
	height: 36px;
	margin-top: 6px;
	text-align: center;
	width: 120px;
}
.project_listing .content .options_saved {
	height: 48px;
	/*margin-top: 6px;*/
	text-align: center;
	width: 205px;
}
/*.project_listing .content .options_saved .link_container {
	margin: 4px auto 0;
	width: 64px;
}
.project_listing .content .options_saved a {
	height: 28px;
	width: 28px;
	padding-right:6px;
}*/

.project_listing .content .options_published {
	background: url('../images/project_listing/options_published.gif') no-repeat center center;
	height: 36px;
	margin-top: 6px;
	text-align: center;
	width: 76px;
}

.project_listing .content .options .link_container {
	margin: 4px auto 0;
	width: 64px;
}
.project_listing .content .options a {
	height: 28px;
	width: 28px;
	padding-right:6px;
}
.project_listing .content .options_published a {
	height: 28px;
	width: 28px;
	padding-right:6px;
}

/* Selected project listing */
.selected_project {border-bottom: 1px solid #B7B7B7;}
.selected_project .project_listing {
	background: #A1C37E url('../images/project_listing/listing_selected.gif') repeat-x left top;
	/*border-bottom: none;*/
	border-bottom: 1px solid #b7d994;
	/* IE 6 hack */
	/*width: 642px;
	height: 74px;*/
}
.selected_project .content .top .left .title, .selected_project .content .top .left .client {color: #FFF;}
.selected_project .content .top .right {color: #62843f;}
.selected_project .content .options {background-image: url('../images/project_listing/options_selected.gif');}

.project_listing .content .options_saved .settings 
{
	background-image: url('../images/project_listing/icon_settings.png');
	width:68px;
	height:48px;
}
.project_listing .content .options_saved .settings a {width:68px; height:48px;}
.project_listing .content .options_saved .settings:hover {background-position: left bottom;}

.project_listing .content .options_saved .preview 
{
	background-image: url('../images/project_listing/icon_preview.png');
	width:68px;
	height:48px;
}
.project_listing .content .options_saved .preview a {width:68px; height:48px;}
.project_listing .content .options_saved .preview:hover {background-position: left bottom;}

.project_listing .content .options_saved .publish 
{
	background-image: url('../images/project_listing/icon_publish.png');
	width:68px;
	height:48px;
}
.project_listing .content .options_saved .publish a {width:68px; height:48px;}
.project_listing .content .options_saved .publish:hover {background-position: left bottom;}

.project_listing .content .options_saved .stats 
{
	background-image: url('../images/project_listing/icon_stats.png');
	width:68px;
	height:48px;
}
.project_listing .content .options_saved .stats a {width:68px; height:48px;}
.project_listing .content .options_saved .stats:hover {background-position: left bottom;}

.selected_project .content .options_saved .settings { background-image: url('../images/project_listing/icon_settings_selected.png'); }
.selected_project .content .options_saved .preview { background-image: url('../images/project_listing/icon_preview_selected.png'); }
.selected_project .content .options_saved .publish { background-image: url('../images/project_listing/icon_publish_selected.png'); }
.selected_project .content .options_saved .stats { background-image: url('../images/project_listing/icon_stats_selected.png'); }

.selected_project .content .options_published {background-image: url('../images/project_listing/options_published_selected.gif');}
.selected_project .content .details {
	background-image: url('../images/project_listing/details_selected.gif');
	color: #214001;
}

.selected_project .version, .project_list .version {
	background: #BABABA url('../images/project_listing/sub_back.png') repeat-x left top;
	height:49px;
	/*border-bottom: 1px solid #b6b6b6;*/
}
.selected_project .version .delete, .project_list .version .delete {
	float:left;
	width:22px;
	height:22px;
	margin:14px 6px 0 6px;
	background-image:url('../images/project_listing/sub_icon_delete.png');
	background-repeat:no-repeat;
}
.selected_project .version .delete:hover, .project_list .version .delete:hover {
	background-position:left center;
}
.selected_project .version .delete a, .project_list .version .delete a 
{
	width:22px;
	height:22px;
}
.selected_project .links, .project_list .links {
	background: #BABABA url('../images/project_listing/links.gif') repeat-x left top;
	border-bottom: 1px solid #DCDCDC;
}
.selected_project .links .content, .project_list .links .content {
	border-bottom: 1px solid #8A8A8A;
	padding: 6px 9px 0;
}
.selected_project .links a, .project_list .links a {color: #FFF;}
.selected_project .links span.separator, .project_list .links span.separator {
	background: url('../images/project_listing/links_separator.gif') no-repeat center center;
	padding-left: 9px;
}


/* Template slider */
.template_slider .slider_title {
	font: bold 16px Arial,sans-serif;
	color: #777;
	padding: 7px 0 0 5px;
}
.template_slider .slider_container {
	background: url('../images/template_slider/container.gif') no-repeat center top;
	width: 636px;
	margin: 0px auto 0;
}
.template_slider .slider_content {
	width: 534px;
	float: left;
}

.template_slider a.slide {
	margin-top: 52px;
	display: block;
	height: 32px;
	width: 32px;
	background-position: left top;
}
#slide_left {
	background-image: url('../images/template_slider/slide_left.gif');
	margin-right: 10px;
	margin-left: 6px;
}
#slide_right {
	background-image: url('../images/template_slider/slide_right.gif');
	margin-left: 10px;
	margin-right: 6px;
}
.template_slider a.slide:hover {background-position: left bottom;}


/* Template preview */

.template_preview {width: 126px;}
.template_preview .template_top {padding: 2px;}
.template_preview .template_top .title {
	float: left;
	width: 90px;
	color: #CCC;
	font: bold 11px Arial,sans-serif;
}
.template_preview .template_top .favourite {
	float: right;
	margin-top: 2px;
}
.template_preview .template_top .preview {
	float: left;
	margin-top: 2px;
}
.template_preview .thumb {
	background: #C6C6C6;
	padding: 1px;
}
.template_preview .thumb img {
	display: block;
	padding: 2px;
	background: #FFF;
}

.template_preview .title {
	padding-top: 3px;
	text-align: center;
	color: #999;
}

/* Template preview container */

#template_preview {
	border: 1px solid #CCC;
	/*background: #FFF url('../images/template_preview.gif') repeat-x left top;*/
	background-color:#ffffff;
	position: absolute;
	left: 560px;
	top: 320px;
	width: 260px;
	z-index: 1;
}
#template_preview .content {padding: 10px 10px 0;}
#template_preview .title {
	color: #333;
	font: bold 14px Tahoma,Arial,sans-serif;
	padding: 6px 0 2px;
}
#template_preview .type_author {
	font: normal 12px Tahoma,sans-serif;
	color: #999;
}
#template_preview .type_author a {color: #666;}
#template_preview .description {
	font-size: 11px;
	padding-top: 8px;
}
#template_preview .bottom {
	/*background: url('../images/template_preview_bottom.gif') repeat-x left top;*/
	background-color:#ffffff;
	display: block;
	font-size: 0;
	height: 12px;
	line-height: 0;
}


/* Template browser */

.template_browser {
	width: 592px;
	margin: 10px auto 0;
}


/* --------------------------
   Lists
----------------------------- */

.rbox ul.arrowlist {margin: 5px 0 0;}
.rbox ul.arrowlist li {
	margin: 0;
	list-style: none;
	background: url('../images/icons/arrow_gray_right.gif') no-repeat left 5px;
	padding: 2px 0 5px 9px;
}
.rbox ul.arrowlist li em {
	display: block;
	color: #999;
	font: normal 11px Arial,sans-serif;
}

.datalist {width :100%; border-collapse: collapse; margin: 15px 0 10px;}
.datalist th {text-align: left; padding: 5px;}
.datalist td {padding: 7px 5px;}
.datalist tr.alt td {background: #F6FAFC;}

.narrowlist { border-collapse: collapse; margin: 15px 0 10px;}
.narrowlist th {text-align: left; padding: 5px;}
.narrowlist td {padding: 5px 5px;}
.narrowlist tr.alt td {background: #F6FAFC;}
.narrowlist tr.divider td { border-top:solid 1px #b6cbe1; }
.narrowlist th.align {padding: 0px 5px 0px 20px;}

.pricelist { border-collapse: collapse; margin: 15px 0 10px;}
/*.pricelist th {text-align: left; padding: 5px;}
.pricelist td {padding: 5px 5px;}*/
.pricelist tr.alt td {background: #F6FAFC;}
.pricelist tr.divider td { border-top:solid 1px #b6cbe1; }
.pricelist th.align {padding: 0px 5px 0px 20px;}
.pricelist td.value {padding: 3px 0 3px 0;}
.pricelist td.property {padding: 3px 0 3px 5px;}


/* --------------------------
   Terms & Conditions
----------------------------- */

.terms_conditions_modal p { margin:0; padding:0; color:Aqua; }
.terms_conditions_modal {
	 margin:0; padding:4px; text-align:left; 
	 height:300px;overflow:auto;
	 border: 1px solid #cccccc;
}

/* --------------------------
   Invoice
----------------------------- */

.invoice {color: #000;}

.rbox .invoice {padding: 20px 20px 40px;}

.invoice p {margin: 0.1em 0 0.6em;}
.invoice td {vertical-align: middle;}

.invoice .line {display: block; height: 11px; background: url('../images/invoice/line.gif') repeat-x left center;}

.invoice_top, .invoice_spec,.invoice_mid {width: 100%; border-collapse: collapse;}

.invoice_top {margin-bottom: 10px;}
.invoice_top td {vertical-align: top;}
.invoice_top .top_left, .invoice_top .top_right {width: 25%;}
.invoice_top .top_mid {text-align: center;}
.invoice_top .stamp {background: #000; color: #FFF; text-align: center; margin: 0 auto; width: 200px; padding-top: 5px; font-size: 2em; margin-bottom: 6px;}

.invoice_mid {margin-bottom: 32px;}
.invoice_mid .mid_left, .invoice_mid .mid_right {width: 50%;}

.invoice_details {border-collapse: collapse; border: 1px solid #000; border-bottom: none; font-size: 0.9em; width: auto; margin-left: auto;}
.invoice_details td {border-bottom: 1px solid #000; padding: 1px 2px 1px 8px;}
.invoice_details td.property {background: #EEE; text-align: right;}
.invoice_details td.value {background: #FFF; padding-left: 8px; padding-right: 8px;}

.invoice_spec {}
.invoice_spec td {border-bottom: 1px solid #fff; padding: 5px;}
.invoice_spec th {background: #EEE; padding: 3px 5px; text-align: left;}
.invoice_spec tr.top th { border-bottom: 1px solid #333; }
.invoice_spec tr.bottom th { border-top: 1px solid #333; }

.invoice_destination {border: 1px dashed #000; padding: 12px 80px 12px 10px; text-align: right; margin-bottom: 24px;}
.invoice_destination_small {border: 1px dashed #000; padding: 12px 20px 12px 10px; text-align: right; margin-bottom: 24px;}


/* --------------------------
   Forms, input
----------------------------- */

fieldset {
	border: none;
	padding: 10px 8px;
}
fieldset .legend {
	font: bold 13px Tahoma,sans-serif;
	color: #68A;
	background: url('../images/forms/separator.png') repeat-x left center;
	margin-bottom: 10px;
}
fieldset .legend span {padding-right: 10px; background: #FFF;}

fieldset td {vertical-align: top;}
fieldset td.property {
	width: 150px;
	font-weight: bold;
	padding: 5px;
}
fieldset td.small_property {
	width: 100px;
	font-weight: bold;
	padding: 5px;
}
fieldset td.smaller_property {
	width: 67px;
	font-weight: bold;
	padding: 5px;
}
fieldset td.value {padding: 3px 5px 3px 20px;}
fieldset td.text {padding: 5px 5px 5px 20px;}
fieldset td.button {padding: 2px 5px 5px 0;}
fieldset span span {font-weight: normal;}
fieldset .explanation {
	font: normal 75% Verdana,sans-serif;
	color: #999;
	padding-top: 3px;
}

form .separator {
	height: 16px;
	background: url('../images/forms/separator.png') repeat-x left center;
}
form p {line-height: 1.5em;}

fieldset input.textbox, fieldset textarea.textarea, fieldset select.select {
	background: url('../images/forms/input.gif') no-repeat left top;
	border: 1px solid #b3b9c3;
	padding: 3px;
	color: #444;
	background-color: #ffffff;
}
fieldset input.textbox.small 
{
	padding-top:3px;
	padding-bottom:3px;
}
fieldset input.textbox.popup, fieldset textarea.textarea.popup {
	/*position: fixed;*/
}
fieldset textarea.codearea
{
	width:480px;
	max-width:480px;
	height:100px;
}
fieldset select.select[disabled] {
	color:#999999;
}
fieldset select.select {
	padding: 2px 2px 2px 0px;
}
fieldset select.select small {
	padding: 2px 2px 2px 0px;
	font: normal 75% Verdana,sans-serif;
	font: normal 75% Verdana,sans-serif;
}
select.select option { padding: 0 0.5em 0 0.2em; }

fieldset input.textbox {width: 200px;}

fieldset input.error {border-color: #F77;}
fieldset select.error {border-color: #F77;}
fieldset textarea.error {border-color: #F77; background: #FFFFFF}
fieldset .message {
	margin: 10px 0;
	padding: 6px 8px;
}
fieldset .success {
	border: solid 1px #080;
	background: #E5FCE5;
	color: #080;
}
fieldset .error {
	border: solid 1px #C00;
	background: #FEE;
	color: #C00;
}
fieldset .notice {
	background: #FFD;
	color: #663;
	border: solid 1px #663;
}
fieldset .info {
	border: solid 1px #369;
	background: #EAF6FF;
	color: #369;
}
fieldset .buy 
{
	border: solid 1px #369;
	background: #FFFFFF;
	color: #369;
}
fieldset .line { border-top:solid 1px #ececec; }

/* --------------------------
   FAQ
----------------------------- */

.faq_content {margin-bottom:10px;}

/* --------------------------
   Profile
----------------------------- */

#sidebar .user_status {color: #999;}

#profile a, #sidebar .user_status a {color: #666;}

#profile {
	background: #E8E8E8;
	border-bottom: 1px solid #B5B5B5;
}
#profile_top {padding: 8px 8px 0;}
#profile_bottom {padding: 0 10px;}

#profile .thumb_holder {
	background: url('../images/thumb_holder/arrow_down.gif') no-repeat left bottom;
	padding-bottom: 5px;
	width: 126px;
}
#profile .thumb_holder .thumb {margin: 0;}

#profile .buttons {
	float: right;
	width: 90px;
}

#profile .buttons a {
	display: block;
	height: 54px;
	width: 90px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 6px;
}
#profile .buttons a.send_message {background-image: url('../images/profile/send_message.gif');}
#profile .buttons a.add_friend {background-image: url('../images/profile/add_friend.gif');}
#profile .buttons a.settings {background-image: url('../images/profile/settings.gif');}
#profile .buttons a:hover {background-position: left bottom;}


#profile_bottom .title {
	font: bold 16px Arial,sans-serif;
	color: #666;
}
#profile_bottom .title span {font: normal 12px Arial,sans-serif;}
#profile_bottom .title span a {color: #369;}

#profile_bottom .link span a {color: #369;}

/* Friends list */

#friends_list {
	border-top: 1px solid #CECECE;
	padding: 6px 10px;
}
#friends_list h2 {margin-bottom: 6px;}
#friends_list .thumb_holder {
	float: left;
	margin-right: 10px;
	width: 51px;
}
#friends_list .userinfo {
	float: right;
	padding-top: 2px;
	width: 155px;
}
#friends_list .userinfo .user_status {padding-top: 2px;}


/* --------------------------
   Rating
----------------------------- */

.rating_stars, .rating_stars .rating_bar {background-image: url('../images/rating_stars.gif');}

.rating {width: 80px;}
.rating, .rating_bar {
	background-repeat: repeat-x;
	background-position: left top;
	height: 15px;
}
.rating .rating_bar {background-position: left bottom;}


/* --------------------------
   Login
----------------------------- */

#login {background-image: url('../images/body_login.gif');}
#login .login_form {
	margin-top: 160px;
	height: 376px;
	background: url('../images/login/container.jpg') no-repeat left top;
}
#login .form_content {
	padding-top: 242px;	
}
#login .login_container {
	width: 386px;
	margin: 0 auto;
}
.login select
{
	height: 17px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	outline: none;
	margin-top:14px;
	margin-right:15px;
	border:solid 1px #cccccc;
}

/*----------------------------
					Side Panel
----------------------------*/

#sidepanel {margin-top: 8px;}
#sidepanel .box {
	background: #FFF url('../images/box/box.png') repeat-y left top;
	line-height: 16px;
	margin: 0 10px 10px;
	color: #666;
}
#sidepanel .box .top, #sidepanel .box .bottom {
	height: 4px;
	font-size: 0;
	line-height: 0;
	background: url('../images/box/corners.png') no-repeat left top;
	display: block;
}
#sidepanel .box .bottom {background-position: left bottom;}
#sidepanel .box .content {padding: 0 15px 5px;}

#sidepanel .box h3 {
	margin: 5px 0 8px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #DDD;
}

#sidepanel .box .content ul {list-style: none;}
#sidepanel .box .content ul li {border-bottom: 1px solid #FFF;}

#sidepanel .box ul li span {
	background: url('../images/icons/arrow_gray_right.gif') no-repeat left center;
	padding: 0 0 0 10px;
	display:block;
}

#sidepanel img.rssButton {
	margin-right: 3px;
}


/* --------------------------
   Width, height, margin, padding, border
----------------------------- */

.p4 {padding: 4px;}
.p6 {padding: 6px;}
.pt8 {padding-top: 8px;}
.p10 {padding: 10px;}
.ptlr10 {padding: 10px 10px 0;}

.w40 {width: 40px;}
.w60 {width: 60px;}
.w100 {width: 100px;}
.w100p {width: 100%;}
.w150 {width: 150px;}

.h1 {height: 1px;}
.h10 {height: 10px;}

.mr6 {margin-right: 6px;}
.mr10 {margin-right: 10px;}
.mr30 {margin-right: 30px;}
.mt4 {margin-top: 4px;}
.mt6 {margin-top: 6px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mt10 {margin-top: 10px;}

.hspacer10 {padding: 0 10px;}

.text_right { text-align:right; }


.datalist a.delete {
	float:left;
	width:22px;
	height:22px;
	margin:auto 6px auto 6px;
	background-image:url('../images/project_listing/sub_icon_delete.png');
	background-repeat:no-repeat;
}
.datalist a.delete:hover {
	background-position:left center;
}



/* --------------------------
   Create new project
----------------------------- */
#power_up_studio
{
}
#power_up_studio a
{
	background-image: url(../images/create/create_new_button.jpg);
	height: 146px;
	width:304px;
	display: block;
}
#power_up_studio a:hover
{
	background-position: left bottom;
}

.thumbWin
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	width: 148px;
	/*width: 266px;*/
	margin: auto;
	vertical-align: top;
}
.thumbWinBack
{
	/*background-image:url(images/create/thumb_back.gif);*/
	/*background-color: #eeeeee;*/
	border: solid 1px #ccc;
	width: 138px;
	height: 90px;
	/*width: 262px;
	height: 172px;*/
	vertical-align: top;
}
.thumbWinFront
{
	background-image:url(../images/create/example_thumb.jpg);
	background-repeat:no-repeat;
	background-position: 5px 5px;
	width: 138px;
	height: 25px;
	/*width: 252px;
	height: 25px;*/
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 71px;
}
.thumbTable
{
	border: none;
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
.thumbTable td
{
	text-align: center;
	vertical-align: top;
}		

span.copyScript
{
	color:#fff;
}
span.copyScript.hover
{
	text-decoration: underline;
}