@charset "utf-8";
/* CSS Document */

/*
MAIN --------------------- */
* { margin: 0; padding: 0; }
body { text-align: center; background: #F8F8F8 url(http://www.scripso.com/images/bk.png) repeat-x; font: 11px tahoma,verdana,arial,sans-serif;}
#header_links {float: left; width: 100%; height: 28px; background: url(http://www.scripso.com/images/header_top.png) no-repeat; }
#logo { float: left; width: 303px; height: 96px; }
#ndsthemessearch { float: right; width: 400px; margin-top: 25px; }
#nav-two, #nav { float: left; width: 100%; height: 38px; }
#wrapper { min-height: 1024px; height:auto !important; height: 1024px; }
.sub_nav_padd { float: left; padding-left: 10px; background: transparent url(http://www.scripso.com/images/subnav.png) no-repeat scroll 0 0; width: 1010px; }
#sub_nav { float: left; width: 990px; height: 48px; }
#nav-bar{clear:both;position:relative;z-index:5000;}
#content { float: left; width: 1010px; }
#welcome { float: left; width: 200px; padding: 12px 0 0 8px; color: #fff; font-size: 11px;}
.ajaxLoader { float: left; width: 100%; padding: 1em 0 1em 1em; }
#theme_overlay { position: absolute; z-index: 10000; left: 2px; top: -5px; display: none; }
#theme_overlay ul { z-index: 10000; }
.theme_selection_title { padding: 5px 0pt 5px 12px; background-color: #252C38; color: rgb(255, 255, 255); width: 60px; font-size: 12px; }
.pointer { cursor: default; }
.top_ad {float:left;padding:10px 10px 0;width:99%;}
.top_note { float: left; width: 100%; text-align: center; padding: 1em 0; font-size: 12px; }
#ndsthemes_search_adapter { padding: 2px 0 0px 0; width: 100px }
#subnav { background:transparent url(http://www.scripso.com/images/sub_nav.png) no-repeat scroll 0 0; float:right; height:27px; width:230px; margin-right:3px; text-align:center }
#text-ad-top { float: left; width: 500px; padding: 6px 0 0 17px; }
#twitter { vertical-align: middle; margin-right: 5px; }
#chipin{display:none;float:left;margin-right:3px;width:250px;}
#blogHeadline{float:left;font-size:15px;margin-right:7px;margin-top:2px;text-align:left;width:600px;}
.blogHeadlineTitle{font-weight: bold;}
#blogHeadline ul{display:inline-block;list-style-type:none;}
#blogHeadline ul li{}

/*
LINK STYLES --------------------- */
a { color: #4A566E; text-decoration: none; border: 0; }
.grey_cap_grid2 a:hover, .blue_cap_grid1 a:hover, .grey_cap_grid3 a:hover, .blue_cap_grid4 a:hover, .blue_cap_grid3 a:hover, .blue_cap_grid3_5 a:hover, .blue_cap_grid7 a:hover, .blue_cap_grid2 a:hover,
.blue_cap_grid1 a:hover, .blue_cap_grid2 a:hover, .blue_cap_grid3 a:hover, .blue_cap_grid7 a:hover, .blue_cap_grid3_5 a:hover, .blue_cap_grid4 a:hover, a:hover { text-decoration: underline; }
a img {border: 0;}
a.button { background-color:#647495;border:1px solid #4A566E;clear:right;color:#FFFFFF;display:block;float:left;margin-right:5px;margin-top:5px;padding:3px;}
a.selected_button { float: left; padding: .5em; border: 1px solid #4A566E; display: block; background-color: #4A566E; color: #fff; clear: right; }
a.button:hover { background: #4A566E; color: #fff; }

.grey_cap_grid2 a, .blue_cap_grid1 a, .grey_cap_grid3 a, .blue_cap_grid4 a, .blue_cap_grid3 a, .blue_cap_grid3_5 a, .blue_cap_grid7 a, .blue_cap_grid2 a,
.blue_cap_grid1 a, .blue_cap_grid2 a, .blue_cap_grid3 a, .blue_cap_grid7 a, .blue_cap_grid3_5 a, .blue_cap_grid4 a { color: #fff; }


/*
COLORS --------------------- */
.blue { color: #4A566E; }
.grey { color: #999; }
.light_blue { color: #808CA8; }
.light_grey { color: #666; }
.green { color: #496E50; }
.light_green { color: #C4D0C4; }
.red { color: #FF0000; }
.grey_ccc { color: #ccc; }
.bk_grey  { background-color: #ccc;}
.dark_grey { color: #333;}
.green { color: #006600; }

/*
CLEAR --------------------- */
.clear_both { clear: both; }

/*
BUTTONS --------------------- */
a.green_button { 		
	/* Sliding right image */
	background: transparent url(http://www.scripso.com/images/right_green_button.png) no-repeat top right;
	display: inline-block;
	height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin: 0 6px 0 0;
	padding-right: 8px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #fff;
	font-size:11px;
	line-height: 12px;	
	cursor: pointer;
} 

a.green_button  span {
	/* Background left image */ 
	background: transparent url(http://www.scripso.com/images/left_green_button.png) no-repeat scroll top left;
	display: inline-block;
	line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0 0 0 8px;
	color: #fff;
	cursor: pointer;
}

a.grey_button { 		
	/* Sliding right image */
	background: transparent url(http://www.scripso.com/images/right_grey_button.png) no-repeat top right;
	display: inline-block;
	height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin: 0 6px 0 0;
	padding-right: 8px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #fff;
	font-size:11px;
	line-height: 12px;	
	cursor: pointer;
} 

a.grey_button span {
	/* Background left image */ 
	background: transparent url(http://www.scripso.com/images/left_grey_button.png) no-repeat scroll top left;
	display: inline-block;
	line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0 0 0 8px;
	color: #fff;
	cursor: pointer;
}

a.blue_button { 		
	/* Sliding right image */
	background: transparent url(http://www.scripso.com/images/right_blue_button.png) no-repeat top right;
	display: inline-block;
	height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin: 0 6px 0 0;
	padding-right: 8px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #fff;
	font-size:11px;
	line-height: 12px;	
	cursor: pointer;
} 

a.blue_button span {
	/* Background left image */ 
	background: transparent url(http://www.scripso.com/images/left_blue_button.png) no-repeat scroll top left;
	display: inline-block;
	line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0 0 0 8px;
	color: #fff;
	cursor: pointer;
}


/*
PADDING --------------------- */
.padd { padding: 12px 0 0 10px; }
.margin_left_3 { margin-left: 3px; }
.margin_left_5 { margin-left: 5px; }
.margin_left_10 { margin-left: 10px; }
.margin_left_14 { margin-left: 14px; }
.margin_left_18 { margin-left: 18px; }
.margin_left_20 { margin-left: 20px; }
.margin_right_15 { margin-right: 15px; }
.margin_right_10 { margin-right: 10px; }
.margin_right_5 { margin-right: 5px; }
.margin_top_10 { margin-top: 10px; }
.margin_bottom_10 { margin-bottom: 10px; }
.margin_bottom_15 { margin-bottom: 15px; }
.margin_top_2 { margin-top: 2px; }
.margin_bottom_5 { margin-bottom: 5px; }
.margin_top_5 { margin-top: 5px; }
.padd_top_8 {padding-top: 8px;}
.padd_top_10 { padding-top: 10px; }
.padd_top_15 {padding-top: 15px;}
.padd_bottom_15 {padding-bottom: 15px;}
.padd_8 { padding: 8px; }
.padd_5 { padding: 5px; }
.padd_10 { padding: 10px; }

/*
FLOATS --------------------- */
.float_left { float: left; }
.float_right { float: right; }

/*
GRIDS --------------------- */
.grid0 { width: 1000px; }
.grid1 { width: 990px; }
.grid2 { width: 820px;}
.grid5 { width: 750px; }
.grid8 { width: 670px; }
.grid3_5 { width: 575px;}
.grid9 { width: 555px;}
.grid10 { width: 412px; }
.grid3 { width: 400px; }
.grid4 { width: 280px; }
.grid6 { width: 220px; }
.grid7 { width: 158px; }
.grid11 { width: 660px }



/*
HEIGHT --------------------- */
.height2 { height: 100px; }
.height3 { height: 80px; }
.line_height_25 { line-height: 25px; }

/*
HEADERS --------------------- */
.grey_cap_grid2, .blue_cap_grid1, .grey_cap_grid3, .blue_cap_grid4, .blue_cap_grid3 , .blue_cap_grid3_5, .blue_cap_grid7, .blue_cap_grid2{ float: left;  width: 100%; height: 30px; color: #fff; font-size: 14px; }
.blue_cap_grid1, .blue_cap_grid2, .blue_cap_grid3,
.blue_cap_grid7, .blue_cap_grid3_5, .blue_cap_grid4 { background-color:#717D95; border: 1px solid #4A566E; }
.grey_cap_grid3, .grey_cap_grid2 { background-color:#999; border: 1px solid #333; }

/*
BODY --------------------- */
.body_grid1, .body_grid2, .body_grid3, .body_grid4, .body_grid3_5, .body_grid7 { float: left; border-right: 1px solid #B1B1B1; border-left: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1; background-color: #fff; margin-bottom: 1.5em; padding-bottom: 1em; }
.body_grid1 { width: 990px; }
.body_grid2 { width: 812px; }
.body_grid3_5 { width: 575px; }
.body_grid3 { width: 400px; }
.body_grid4 { width: 280px; }
.body_grid7 { width: 158px; }

.body_grid1_no_padd, 
.body_grid2_no_padd, 
.body_grid3_no_padd, 
.body_grid4_no_padd, 
.body_grid3_5_no_padd, 
.body_grid7_no_padd { float: left; border-right: 1px solid #B1B1B1; border-left: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1; background-color: #fff; margin-bottom: 1.5em; }

.body_grid1_no_padd { width: 990px; }
.body_grid2_no_padd { width: 812px; }
.body_grid3_no_padd { width: 400px; }
.body_grid3_5_no_padd { width: 575px; }
.body_grid4_no_padd { width: 280px; }
.body_grid7_no_padd { width: 158px; }

/*
FOOTERs --------------------- */
.footer_cap_grid1, .footer_cap_grid2, .footer_cap_grid3, .footer_cap_grid4, .footer_cap_grid3_5, .footer_cap_grid7{ float: left; width: 100%; height: 1px; line-height: 0; margin-bottom: 15px; }
.footer_cap_grid1, .footer_cap_grid2, .footer_cap_grid7,
.footer_cap_grid3, .footer_cap_grid3_5, .footer_cap_grid4  { border-bottom: 1px solid #B1B1B1; }

/*
HEADERS --------------------- */
h2 { padding: 7px 0 0 10px; font-size: 14px; font-weight: bold; margin: 0; }
#latest_theme_contest_winner h3 { margin-bottom: 5px; }
.body_grid3 h2.grey { float: left; width: 380px; background-color: #eee; color: #666; padding: 10px; margin: 15px 0 .5em 0; }
.body_grid3_5 h2.grey { float: left; width: 555px; background-color: #eee; color: #666; padding: 10px; margin: 1em 0; }

.body_grid3_5 h2.grey span, .body_grid3 h2.grey span { float: left; padding-top: 4px; }
.body_grid3_5 h2.grey a.grey_button, .body_grid3 h2.grey a.grey_button { float: right; margin-right: 0; font-weight: normal; }
.body_grid3_5 h2.grey a.grey_button span, .body_grid3 h2.grey a.grey_button span { padding-top: 0px; }


/*
LISTS --------------------- */
#header_links ul {list-style-type: none; padding: 4px 0 0 0; color: #fff;}
#header_links ul li {display: inline;}
#header_links ul li a{color: #fff;}
#header_links ul li a:hover {color: #ccc;}

#nav ul {list-style-type: none; float: left; padding: 12px 0 0 5px;}
#nav ul li, #sub_nav ul li {display: inline;}
#nav ul li.nobk a, #sub_nav ul li.nobk a{background: none;}
#nav ul li a{color: #fff; background: transparent url(http://www.scripso.com/images/blue_divider.gif) repeat-y 0 0; padding: 0px 6px 0px 14px;}
#nav ul li a:hover, #sub_nav ul li a:hover, #header_links ul li a:hover{ text-decoration: underline;}

#account{float:right;width:620px;}
#nav-two{clear:left;float:left;height:38px;width:390px;}
#nav-two ul{float:left;font-weight:bold;list-style-type:none;margin-left:9px;margin-top:1px;}
#account ul li,#nav-two ul li{border-left:1px solid #252C38;display:inline-block;float:left;}
#account ul li a, #nav-two ul li a{background:url(http://www.scripso.com/images/nav_bk.png) repeat-x;color:#fff;display:block;padding: 11px;}
#account ul li a:hover, #nav-two ul li a:hover{background:url(http://www.scripso.com/images/nav_bk_hover.png) repeat-x;text-decoration:none;}

#account ul li ul, #nav-two ul li ul {display:none;float:none;margin:0;position:absolute;top:36px;z-index:100;}
#account ul li ul{right:0;}
#account ul li ul li, #nav-two ul li ul li {border:0 none;display:inline;float:none;}
#account ul li ul li a, #nav-two ul li ul li a {background:none repeat scroll 0 0 #333333;padding:7px;width:113px;}

#account .menu, #nav-two .menu{position:relative;}
#nav-two .home{background:url(http://www.scripso.com/images/home.png) no-repeat top left;padding-left:19px;}
#account .border-right, #nav-two .border-right{border-right:1px solid #252C38}

#account ul{float:right;font-weight:bold;list-style-type:none;margin-right:9px;margin-top:1px;}

#nav ul li #theme_overlay ul { border: 1px solid #252C38; background-color: #fff; width: 120px; margin: 0; padding: 0;}
#nav ul li #theme_overlay ul li { }
#nav ul li #theme_overlay ul li a { display: block; color: #555; background: none; padding: 5px; font-size: 11px;  }
#nav ul li #theme_overlay ul li a:hover { background-color: #eee; color: #333; }

#sub_nav ul {list-style-type: none; float: right; padding: 12px 1em 0 0; }
#sub_nav ul li a{color: #fff; background: transparent url(http://www.scripso.com/images/grey_divider.gif) no-repeat 0 0; padding: 0 12px 0 14px;}

#search ul{ float: left; width: 300px; color: #fff; margin-top: 1em; list-style-type: none; height: 20px; }
#search ul li { padding-bottom: 8px; display: inline;}
#search ul li a{ color: #fff; }
#search ul li.selected {}

.footer_list { list-style-type: none; float: left; width: 150px; }
.footer_list li.title { font-weight: bold; color: #9DA6B7; padding: 0 0 0 .9em; margin: 0 0 0 .5em;}
.footer_list li{ display: inline; }
.footer_list a { display: block; }
.footer_list li a { color: #fff; padding: 0 0 0 1em; margin: 0 0 0 .5em; }
.footer_list li a:hover { text-decoration: none; background-color: #797979; }

.last { border-bottom: 0px; padding-bottom: 0; }

/*
FORM ELEMENTS --------------------- */
.border_grey { border: 1px solid #ccc; }
.border_white { border: 1px solid #fff; }
.border_none { border: 0px;}
.textform, .input_box { font-size: 11px; padding: 2px 0 2px 2px; border-top: 2px solid #ccc;}
.formButton { border-top: 1px solid #79859D; border-left: 1px solid #79859D; border-bottom: 1px solid #000; border-right: 1px solid #000; background-color: #4A566E; color: #fff;}
select { font-size: 11px; }

/*
AVATARS & PROFILE PICS--------------------- */
.avatar_lg , .profile_pic_lg, .profile_pic_sm{ float: left; }
.profile_pic_sm, .profile_pic_lg, .avatar_sm, .avatar, .avatar_lg, .avatar_sm_no_padd { padding: 1px; border: 1px solid #999; background: #fff; }
.avatar_sm { margin: 2px .5em 0 0; width: 25px; height: 25px; vertical-align: middle; float: left;  }
.avatar_sm_no_padd { margin: 2px 0 0 10px; width: 25px; height: 25px; vertical-align: middle; float: left; }
.avatar { vertical-align: middle; margin-right: .5em; width: 50px; height: 50px; overflow: hidden; }
.brd .post .useravatar .avatar_forum { padding: 1px; border: 1px solid #999; }

/*
ALIGNMENT --------------------- */
.text_right { text-align: right; }
.text_center { text-align: center; }
.middle { vertical-align: middle; }

/*
LOGIN --------------------- */
#login_container {color:#fff;float:right;padding:8px 0 0 0;}
#login_container label { float: left; padding: 5px 6px 0 0; }
#login_container .error { display:none;float: left; padding-bottom: 2px; margin: 3px 0 0 10px; font-weight: bold; border-bottom: 1px solid red;}
.why_join {float:right;padding:0;text-align:right;width:184px;}
.why_join p { font-weight:bold;padding:12px 10px 0 0; }
.why_join p a { color: #fff; font-size: 12px; }

/*
TITLES --------------------- */
div.title { float: left; font-size: 16px; width: 990px; height: 30px; color: #000; }
div.title h3 { padding: 5px 0 0 10px; font-weight: bold; }

/*

USERS --------------------- */
.smallAvatar { float: left; width: 25px; height: 25px; padding: 1px; background: #fff; border: 1px solid #999; }
.profilePic { float: left; width: 50px; padding: 1px; background: #fff; border: 1px solid #999; }
.userName, .userNameLink { float:left; width:88px; position: relative;}
.profileNameDetails { float:left; font-size:1em; font-weight:bold; line-height:1em; padding:3px 0 .2em 6px; width:100px; }
.profileNameDetails a { padding-left: .4em; }
.profileRankDetails { float:left; width:100px;}
.profileRankDetails img { margin-left: .5em; }
.userNameLink span a, .userName p { float: left; color: #000; padding-bottom:1px;padding-left:3px;}
.rank { border: 1px solid #000; }
.user_options { display: none; position: absolute;  z-index: 1000; width: 127px; left: -34px; top: -101px;  }
.user_options ul { margin: 0; background-color: #fff; padding:0; border: 2px solid #4A566E; width: 127px; list-style-type: none; }
.user_options ul li { display: inline; padding: 0; }
.user_options ul li a { display: block; padding: .2em; }
.user_options ul li a:hover { background-color: #ebebeb; }
.user_options_arrow { width: 131px; height: 14px; background: url(http://www.scripso.com/images/user_options_arrow.png) no-repeat 0 0; }
.user_title { background-color: #4A566E; color: #fff; width: 131px;}
.user_title h4 { padding: .2em 0 .2em .4em; font-size: 11px; }
.donor{background:url(http://www.scripso.com/images/donor.png) top right no-repeat;padding-right:15px;}

/*
ADD AS FRIEND --------------------- */
#addFriend, #sendMsg { width: 100%; }
#addFriend h4 { font-size: 15px; padding-bottom: .5em; }
#addFriend h5 { font-size: 11px; font-weight: normal; padding-bottom: .5em; }
#sendMsg td, #addFriend td { padding: 1em 1em 1em 0; }
#sendMsg .blue, #addFriend .blue { font-size: 15px; color: #fff; background-color: #4A566E; padding: .3em; font-weight: bold; }

/*
SEND MESSAGE --------------------- */
#sendMsg h4 { font-size: 15px; padding-bottom: 5px; }

/*
NOTIFICATIONS TYPES --------------------- */
.notification_type_Favorite,
.notification_type_Picture,
.notification_type_Avatar,
.notification_type_Theme, 
.notification_type_Comment, 
.notification_type_Wall, 
.notification_type_Friend, 
.notification_type_Views, 
.notification_type_Download ,
.notification_type_Status, 
.notification_type_Profile,
.notification_type_Award { width: 55px; text-align: center; float: right; padding: .2em 0; }
.notification_type_Theme { border: 1px solid #FAC08F; background-color: #FDEADA; }
.notification_type_Views { border: 1px solid #95AC95; background-color: #CDD8CD; }
.notification_type_Comment { border: 1px solid #C3D69B; background-color: #EBF1DD; }
.notification_type_Wall { border: 1px solid #95B3D7; background-color: #DBE5F1; }
.notification_type_Download { border: 1px solid #B2A2C7; background-color: #E5E0EC; }
.notification_type_Friend { border: 1px solid #D99694; background-color: #F2DCDB; }
.notification_type_Favorite, .notification_type_Award, .notification_type_Picture, .notification_type_Avatar, .notification_type_Status, .notification_type_Profile { border: 1px solid #CCC; background-color: #EEE; }

/*
MISC --------------------- */
.no_border_bottom { border-bottom: 0; }
.relative { position: relative; }
.none {display: none;}
.note_text { font-weight: bold }
.instructions { width: 100%;  }

/*
USERS ONLINE --------------------- */
.userOnlineName, .usersOnlineAvatarMod {float:left; height:29px; width:100px; margin: 2px 0 0 0;}
.userOnlineName { background: transparent url(http://www.scripso.com/images/userOnline.gif) no-repeat; }
.usersOnlineAvatarMod { background: transparent url(http://www.scripso.com/images/userOnlineStaff.gif) no-repeat;}
.userOnlineName a, .usersOnlineAvatarMod a { float: left;padding-left: 5px;padding-top: 6px;}
.userOnlineName a { color: #fff; }
.usersOnlineAvatarMod a { color: #fff; }
.userOnlineName .donor, .usersOnlineAvatarMod .donor{background-position:right 8px;}
/*
STATS --------------------- */
.site_stats_list { margin: 12px 0 0 13px; line-height: 1.5em; float: left; clear: both; width:65%}
.site_stats_list td.attr { font-weight: bold; color: #9DA6B7;}
.site_stats_list td.val { padding: 0 12px 0 5px; }

/*
FOOTER --------------------- */
#footer { line-height: 1.5em; float: left; width: 100%; border-top: 5px solid #2C2C2C; background-color: #404040; text-align: center; color: #fff; padding: 1em 0 2em 0; }
#user_stats { margin-top: 50px; line-height: 1.5em; float: left; width: 100%; background-color: #2C2C2C; text-align: center; color: #fff; padding: 1em 0 10px 0; }
#user_stats h4 { color: #9DA6B7 }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { color: #ccc; }
.footer_msg { float: left; width: 400px; padding-left: 10px; }
.wrapper { width: 1010px; margin: 0 auto; text-align: left; position: relative; }

/*
USER TOOLBAR --------------------- */
#user_toolbar { position: fixed; bottom: 0; background-color: #5D5D5D; color: #fff; float: left; line-height: 1.5em; padding: 0; text-align: center; width: 100%; height: 30px;}
#user_toolbar #friends_online { cursor: pointer; color: #fff; font-weight: bold; background-color: #4A566E; padding: 6px 8px 8px 8px; float: left; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 0px solid #000; width: 153px; }
#user_toolbar #friends_online:hover { text-decoration: none; }
#user_toolbar #friends_online_popup { background-color: #4A566E; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; display: none; padding: 0; position: absolute; width: 169px;}
#friends_online_popup ul { margin: 0; padding: 0; }
#friends_online_popup ul li { list-style-type: none;}
#friends_online_popup ul li a { float: left; width: 159px; padding: 5px; color: #fff; display: block; }
#friends_online_popup ul li a:hover { background-color: #333; text-decoration: none; }
#friends_online_popup ul li .smallAvatar { margin-right: 5px; vertical-align: middle; float: left;}
#friends_online_popup .small { font-size: 10px; color: #ccc;}
#friends_online_popup .usercontainer{ float: left; width: 120px; line-height: 1.2em;}