/* DEFAULT */
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
min-width:960px;
/*font: 11px Arial, Helvetica, sans-serif;*/
font: 11px "Lucida Grande", "Jamrul", Helvetica, Verdana, Arial, Tahoma, sans-serif;
color:#333;
}

body a{
text-decoration: none;
color:#3866D3;
}

body a:hover{
text-decoration:underline;
}

h1,h2,h3,h4{
display: inline;	
margin: 0px;
}

h1{
font-size: 20px;
}

h2{
font-size: 16px;
}

h3{
font-size: 13px;
}

h4{
font-size: 11px;
}

ul{
margin-left: 0;
}

li{
margin-left: 0;
}

.clearer_both{
clear: both;
height:0px;
}

input{
width: 300px;
margin:0px;
color: #222; 
border:1px solid #A0B2DA;
padding:3px;
}

select{ 
width: 308px;
color: #222;  
background: #FFF;
border:1px solid #A0B2DA;
padding:3px;
}

textarea { 
width: 300px;
color: #222;  
background: #FFF;
border:1px solid #A0B2DA;
padding:3px;
}

.submitButton{
background:#F4F4F4;
float:left;
width:auto;
padding-left:7px;
padding-right:7px;
cursor:pointer;
}

.submitButton a{
background:#F4F4F4;
float:left;

width:auto;
padding-left:7px;
padding-right:7px;
cursor:pointer;
}

.submitButton:hover{
background:#333;
color:#FFF;
}

.formLabel{
padding-top:5px;
color:#777;
width:auto;
}

.formField2{
padding-top:5px;
width:auto;
}

.grey{
float:left;	
padding-top:5px;
color:#AAA;
font-size:10px;
}

.grey2{
color:#AAA;
font-size:10px;
}


/*CONTAINERS*/

.container_body{
float:left;
width: 100%;
padding-bottom: 30px;
background:#FFF;
/*background: url(../images/bg2.jpg) 0px 0px no-repeat #000;*/
background-position:top center;
}


.bookmark_icon{
float:left;
width: 20px;
height: 25px;	
padding-left:2px;
}

.bookmark_icon a {
width:100%;height:100%;display:block;}

#facebook{
background: url(../images/icons/facebook.png) 0px 5px no-repeat;
}
#facebook:hover{
background-position: 0px 0px;
}

#twitter{
background: url(../images/icons/twitter.png) 0px 5px no-repeat;
}
#twitter:hover{
background-position: 0px 0px;
}


/*.facebook{
float:left;
width: 20px;
height: 25px;
background: url(../images/icons/facebook.png) 0px 5px no-repeat;
}

.facebook:hover{
background-position: 0px 0px;
}

.facebook a {
width:100%;height:100%;display:block;}
*/

/*
.body_bg_default{
background: url(../images/default/body_bg_default.jpg) 0px 0px no-repeat;
background-position:top center;
min-height:600px;
height:auto !important;
height:600px;
}
*/

.container_100P{
float:left;
width: 100%;
}

.container_auto{
float:left;
width: auto;
}

.container_150{
float: left;
width: 150px;
}

.container_400{
float: left;
width: 390px;
}

.container_650{
float: left;
width: 650px;
}

/*
.container_75{
float:left;
width: 75px;}

.container_100{
float:left;
width: 100px;}

.container_150{
float:left;
width: 150px;}

.container_195{
float:left;
width: 195px;
}

.container_200{
float:left;
width: 200px;}

.container_250{
float:left;
width: 250px;}

.container_350{
float: left;
width: 350px;
}


.container_400{
float: left;
width: 400px;
}

.container_550{
float: left;
width: 550px;
}

.container_600{
float: left;
width: 600px;
}

.container_656{
float: left;
width: 664px;
}

.container_700{
float: left;
width: 700px;
}

.container_740{
float: left;
width: 740px;
}

.container_860{
float:left;
width: 860px;
}
*/
.stage_container{
float:left;
width: 960px;
margin-left:-5px;
/*border-left:5px solid #A0B2DA;
border-right:5px solid #A0B2DA;
border-top:5px solid #A0B2DA;*/
border-bottom:1px dotted #99ad29;
/*margin-top:50px;*/
padding-bottom:30px;
background:#fff;
}


/*centralizers*/

.stage_centralize{
margin-left:auto;
margin-right:auto;
width: 960px;
}
/*
.centralize_1240{
margin-left: auto;
margin-right: auto;
width: 1240px;
}

.centralize_860{
margin-left: auto;
margin-right: auto;
width: 860px;}

.centralize_460{
margin-left: auto;
margin-right: auto;
width: 460px;}
*/



/*padding

.padding_top_10{
padding-top:10px;
padding-bottom:10px;}

.padding_left_10{
padding-left:10px;}

.padding_10{
padding: 10px;}
*/



/* borders 
.border_all_1{
border:1px solid #A0B2DA;}
*/





/* spacers */

.spacer_10{
float: left;
width: 10px;
height: 1px;
overflow:hidden;
}
/*
.spacer_25{
float: left;
width: 25px;
height: 1px;
overflow:hidden;
}

.spacer_50{
float: left;
width: 50px;
height: 1px;
overflow:hidden;
}

.spacer_75{
float: left;
width: 75px;
height: 1px;
overflow:hidden;
}

.spacer_100{
float: left;
width: 100px;
height: 1px;
overflow:hidden;
}

.spacer_150{
float: left;
width: 150px;
height: 1px;
overflow:hidden;
}

.spacer_200{
float: left;
width: 200px;
height: 1px;
overflow:hidden;
}
*/

.spacer_height_5{
float: left;
width: 100%;
height: 5px;
overflow:hidden;
}

.spacer_height_10{
float: left;
width: 100%;
height: 10px;
overflow:hidden;
}
/*
.spacer_height_30{
float: left;
width: 100%;
height: 30px;
overflow:hidden;
}

.spacer_height_50{
float: left;
width: 100%;
height: 50px;
overflow:hidden;
}
*/

.border{
float:left;
width:100%;
height:0;
/*border-top:1px dotted #CCC;
border-top:1px dotted #c6d6f8;*/
border-top:1px solid #dee4f1;
overflow:hidden; }
/*
.border2{
float:left;
width:100%;
height:0;
border-top:1px dotted #A0B2DA;
overflow:hidden; }
*/

/*backgrounds*/
/*
.background_color_1 {
width:100%;
float:left;
background-color:#FFF;}

.background_color_2 {
width:100%;
float:left;
background-color:#FFF;}


.background_color_only_1{
background-color:#FFFFFF;}

.background_color_only_2{
background-color:#F7F7F7;}
*/

/* image */
.image_border img{
border: 1px solid #CCCCCC;
background: #FFFFFF;
padding: 5px;
display:block; 
}
/*margin-left:auto; 
margin-right:auto;*/

/* flash */
.flash_border{
border: 1px solid #CCC;
background: #FFF;
padding: 6px;
float: left;}
/*margin-top:10px;
margin-bottom:10px;}*/



/* THUMBNAIL */

.thumbnail_border img{
display:block; 
padding: 5px;
background: #FFF;
border: 1px solid #CCC;
}

.thumbnail_border:hover img{
border-color: #333;
background: #FFF;
}


/* VERTICAL BTN */

.vertical_btn{
font:12px;
float: left;
}

.vertical_btn a{
font-size:12px;
display: block;
padding: 3px 7px;
width: 150px;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #EEE;
}

.vertical_btn a:hover{
background-color:#3866D3;
color: #FFFFFF;
text-decoration: none;
}


/* HORIZONTAL BTN */

.horizontal_btn{
float: left;
}

.horizontal_btn a{
float: left;
display: block;
font-size:13px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #333;
text-align: center;
text-decoration: none;
}

.horizontal_btn a:hover{
background-color:#333;
color: #FFFFFF;
text-decoration: none;
}


/* HIGHLIGHT BACKGROUND COLOR */

.highlight_background_color a{
background-color:#F4F4F4;
color: #333;}


/* LOGIN */

.loginTitle{
float:left;
text-align: right;
padding-top:5px;
padding-left:12px;
padding-right:4px;
width: auto;
}

.loginFormField{
float:left;
width: auto;
}

#loginBtn
{
float: left;
display: block;
font-size:13px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #333;
text-align: center;
text-decoration: none;}







/*
/////autocomplete


.floater {
position:absolute;
z-index:2;
bottom:0;
right:0;
display:none;
padding:0;
}

.floater td {
background-color:white;
border:1px inset #979797;
}

.matchedSmartInputItem {
padding: 5px 10px 1px 5px;
margin:0;
cursor:pointer;
}

.selectedSmartInputItem {
color:white;
background-color:#3875D7;
}

#smartInputResults {
padding:0;margin:0;
}

.siwCredit {
margin:0;padding:0;margin-top:10px;font-size:0.7em;color:black;
}


*/
















































/* OUR WORK STYLES */
/*
#subnav_bg {
	background-color: #FFF;
}

#subnav, .subsubnav {
	list-style:none;
	padding:0px;
	margin:0px;
}

#subnav {
	float: left;
	width: 900px;
}

#subnav li, .subsubnav li {
	padding:0px;
	margin:0px;
	display:inline;
}

#subnav li a, .subsubnav li a {
	display: block;
	float: left;
	text-decoration: none;

}

#subnav li {
	background-color:#FFF;
	float: left;
	padding-right: 2px;
}

#subnav li.clear_both {
	background-color: #FFF;
	width:900px;
}

#subnav li a {
	color: #888;
	border-top: 1px solid #EEE;
	background:#EEE;
	padding: 11px 22px 10px 22px;
	font-weight: bold;
}

#subnav li a:hover {
	background-color: #313131;
}

#subnav li.active a, #subnav li.active a:hover {
	background-color: #FFF;
	border-top: 1px solid #d30360;
	background-image: none;
}

#subnav li.expand_toggle, #subnav li.collapse_toggle {
	float:right;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	height: auto;
	width: auto;
}

#subnav li.expand_toggle a,#subnav li.collapse_toggle a  {
	background-image: url(../images/theme_black/arrow_on_grey_up_and_down.gif);
	display: block;
	height: 27px;
	width: 27px;
	background-repeat: no-repeat;
	margin: 7px 17px 0px 0px;
	padding: 0px;
	border: none;
}

#subnav li.expand_toggle a:hover {
	background-position: -60px 0px;	
}

#subnav li.collapse_toggle a {
	background-position: -30px 0px;	
}

#subnav li.collapse_toggle a:hover {
	background-position: -90px 0px;	
}


.subsubnav {
	clear:both;
	background-color: #FFF;
	border-bottom: 1px solid #EEE;
	height: 1px;
	overflow: hidden;
	padding: 0px 25px 0px 5px;
	margin: 0px 0px 15px;
}

.subsubnav li.clear_both {
	display:block;
	height:15px;
}

.subsubnav li {
	margin: 0px;
	padding: 0px;	
}

.subsubnav li a {
	font-size: 0.9em;
	color: #dadbda;
	margin: 0px;
	font-weight: bold;
	padding: 1px 15px 2px;
}

.subsubnav li.active a {
	color:#d30360;
}


.subsubnav li a:hover {
	background-color: #000000;
}
*/













/* OUR WORK STYLES */
/*
#subnav_bg {
	background-color: #1a1a1a;
}

#subnav, .subsubnav {
	list-style:none;
	padding:0px;
	margin:0px;
}

#subnav {
	float: left;
	width: 900px;
}

#subnav li, .subsubnav li {
	padding:0px;
	margin:0px;
	display:inline;
}

#subnav li a, .subsubnav li a {
	display: block;
	float: left;
	text-decoration: none;

}

#subnav li {
	background-color:#131313;
	float: left;
	padding-right: 2px;
}

#subnav li.clear_both {
	background-color: #1A1A1A;
	width:898px;
}

#subnav li a {
	color: #ababab;
	border-top: 1px solid #3d3d3d;
	background: url(../images/theme_black/subnav_bg.jpg) repeat-x #262626;
	padding: 11px 22px 10px 22px;
	font-weight: bold;
}

#subnav li a:hover {
	background-image:url(../images/theme_black/subnav_bg_hover.jpg);
	background-color: #313131;
}

#subnav li.active a, #subnav li.active a:hover {
	background-color: #1a1a1a;
	border-top: 1px solid #d30360;
	background-image: none;
}

#subnav li.expand_toggle, #subnav li.collapse_toggle {
	float:right;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	height: auto;
	width: auto;
}

#subnav li.expand_toggle a,#subnav li.collapse_toggle a  {
	background-image: url(../images/theme_black/arrow_on_grey_up_and_down.gif);
	display: block;
	height: 27px;
	width: 27px;
	background-repeat: no-repeat;
	margin: 7px 17px 0px 0px;
	padding: 0px;
	border: none;
}

#subnav li.expand_toggle a:hover {
	background-position: -60px 0px;	
}

#subnav li.collapse_toggle a {
	background-position: -30px 0px;	
}

#subnav li.collapse_toggle a:hover {
	background-position: -90px 0px;	
}


.subsubnav {
	clear:both;
	background-color: #1a1a1a;
	border-bottom: 1px solid #484848;
	height: 1px;
	overflow: hidden;
	padding: 0px 25px 0px 5px;
	margin: 0px 0px 15px;
}

.subsubnav li.clear_both {
	display:block;
	height:15px;
}

.subsubnav li {
	margin: 0px;
	padding: 0px;	
}

.subsubnav li a {
	font-size: 0.9em;
	color: #dadbda;
	margin: 0px;
	font-weight: bold;
	padding: 1px 15px 2px;
}

.subsubnav li.active a {
	color:#d30360;
}


.subsubnav li a:hover {
	background-color: #000000;
}

*/


/*
#menu{
float:left;
visibility: hidden;
}



h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
float:left;

}

div.marginbottom {
	margin-bottom: 10px;

}


*/





























/* AUTOCOMPLETE MOOTOOLS */
.textboxlist { font: 11px "Lucida Grande", Verdana; cursor: text; }
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: 1px solid #999; *padding-bottom: 3px; }
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.textboxlist-bit-editable { border: 1px solid #fff; }
.textboxlist-bit-editable-input { border: 0; padding: 2px 0; *padding-bottom: 0; height: 14px; font: 11px "Lucida Grande", Verdana; }
.textboxlist-bit-editable-input:focus { outline: 0; }
.textboxlist-bit-box { position: relative; line-height: 18px; padding: 0 5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border: 1px solid #CAD8F3; background: #DEE7F8; cursor: default; }
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../images/close.gif'); }
.textboxlist-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }
.textboxlist-bit-box-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
.textboxlist-bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: bottom; }


.textboxlist-autocomplete { position: absolute; }
.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results { opacity: 0.9; filter: alpha(opacity=90); background: #eee; -webkit-box-shadow: 0 3px 3px #ccc; -moz-box-shadow: 0 3px 3px #ccc; box-shadow: 0 3px 3px #ccc; border: 1px solid #999; border-top: none; display: none; }
.textboxlist-autocomplete-placeholder { padding: 5px 7px; }
.textboxlist-autocomplete-results { margin: 0; padding: 0; }
.textboxlist-autocomplete-result { margin: 0; padding: 5px; list-style-type: none; background: #eee; }
.textboxlist-autocomplete-result-focus { background: #C6D9E4; }
.textboxlist-autocomplete-highlight { background: #EEF0C4; font-weight: bold; }









/* MOOTOOLS SIDEBAR */

.sideNavigationBtn a{
float:left;
width: 125px;
font-size:13px;
font-family: Arial;
border-bottom:1px solid #dee4f1;
color: #333;
padding: 5px;
display: block;
}

.sideNavigationBtn a:hover{
color: #FFF;
background-color: #333;
text-decoration:none;
}

.sideNavigationHighlightBtn a{
width: 120px;
float:left;
background: #F4F4F4;
border-bottom:1px solid #99ad29;
font-family: Arial;
font-size:13px;
color:#333;
display: block;
padding: 5px;
padding-left: 10px;
}

.sideNavigationHighlightBtn a:hover{
color: #FFF;
background-color: #333;
text-decoration:none;
}

.subSideNavigationHighlightBtn a{
font-family: Arial;
width: 120px;
float:left;
background: #FFF;
border-bottom:1px solid #99ad29;
display: block;
font-family: Arial;
font-size:13px;
color:#333;
padding: 5px;
padding-left: 10px;
}

.subSideNavigationHighlightBtn a:hover{
color: #FFF;
background-color: #333;
text-decoration:none;
}


/* COMMENT SUBSCRIBE FAVOURITE BTNS */

.mediaCommentSubscribeBtns{
float:left;
display: block;
font-family: arial;
background:#f4f4f4;
border-top:1px solid #dee4f1;
margin-right:2px;
width: 110px;
font-size:12px;
padding: 5px;
}


/* LIST VIEW */

.list_all_container{
float:left; 
width:660px;
}

.list_container{
float:left;
width:660px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
}

.list_thumbnail{
float:left;
width:150px;
}

.list_thumbnail img{
max-width:130px;
}

.list_details{
float:left;
width:320px;
}

.list_options{
float:right; 
width:164px;
}


/* ICON VIEW */

.icon_all_container
{
float:left; 
width:100%;
background:#F4F4F4;
}


/* NEW USER */

#newUser input{
width: 200px;
margin:0px;
color: #222; 
border:1px solid #A0B2DA;
padding:3px;
}

#newUser select{ 
width: 208px;
color: #222;  
background: #FFF;
border:1px solid #A0B2DA;
padding:3px;
}

#newUser .submitButton{
background:#F4F4F4;
float:left;
width:auto;
padding-left:7px;
padding-right:7px;
cursor:pointer;
}

#newUser .submitButton:hover{
background:#333;
color:#FFF;
}


/* AJAX  */
.pageBtns{
color:#3866D3;
cursor:pointer;}






















/* UPLOADER  */

/* CSS vs. Adblock tabs */
.swiff-uploader-box a {
	display: none !important;
}

/* .hover simulates the flash interactions */
a:hover, a.hover {
	color: red;
}

#demo-status {
	padding: 10px 15px;
	width: 420px;
	border: 1px solid #eee;
}

#demo-status .progress {
	background: url(../templates/user/media/upload/advancedUploader/assets/progress-bar/progress.gif) no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
	vertical-align: middle;
}

#demo-status .progress-text {
	font-size: 0.9em;
	font-weight: bold;
}

#demo-list {
	list-style: none;
	width: 450px;
	margin: 0;
}

#demo-list li.validation-error {
	padding-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	color: #8a1f11;
	cursor: pointer;
	border-bottom: 1px solid #fbc2c4;
	background: #fbe3e4 url(../templates/user/media/upload/advancedUploader/assets/failed.png) no-repeat 4px 4px;
}

#demo-list li.file {
	border-bottom: 1px solid #eee;
	background: url(../templates/user/media/upload/advancedUploader/assets/file.png) no-repeat 4px 4px;
	overflow: auto;
}
#demo-list li.file.file-uploading {
	background-image: url(../templates/user/media/upload/advancedUploader/assets/uploading.png);
	background-color: #D9DDE9;
}
#demo-list li.file.file-success {
	background-image: url(../templates/user/media/upload/advancedUploader/assets/success.png);
}
#demo-list li.file.file-failed {
	background-image: url(../templates/user/media/upload/advancedUploader/assets/failed.png);
}

#demo-list li.file .file-name {
	font-size: 1.2em;
	margin-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
}
#demo-list li.file .file-size {
	font-size: 0.9em;
	line-height: 18px;
	float: right;
	margin-top: 2px;
	margin-right: 6px;
}
#demo-list li.file .file-info {
	display: block;
	margin-left: 44px;
	font-size: 0.9em;
	line-height: 20px;
	clear
}
#demo-list li.file .file-remove {
	clear: right;
	float: right;
	line-height: 18px;
	margin-right: 6px;
}