/*

Wide Stylish Template
Designed and coded by YABSoft.com

*/

* {
margin: 0px;
padding: 0px;
}

/* ----------------------------------------------
HTML ELEMENTS
------------------------------------------------- */
body {
font: normal 11px "Helvetica Neue", Helvetica, Arial;
color: #061c33;
background: #f0ece9;
}

/* Links */
a {
color: #064f9b;
text-decoration: none;
}

a:hover {
color: #064f9b;
text-decoration: none;
}

/* Lists */
ul, li {
list-style: none;
}

p {}

img {
border: 0px;
}

strong {
font-weight: bold;
color: #666666;
}

/* General Table */
table {
border-collapse: collapse;
margin: 0px;
width: 100%;
}

tr { background: #FFF; }

tr.altrow { background: #F9F9F9;	}

th, td {
text-align: left;
border-width: 1px;
border-style: solid;
}

th {
color: #555;
background: #F0FBFF;
padding: .8em 1em;
border-color: #D8EBF5 #D8EBF5 #B9DBEE #D8EBF5;
}

td {
border-color: #EFEFEF;
padding: .7em 1em;
}
/* end - table */

/* Form Elements */
form {

}

label {
font-weight: bold;
color: #666666;
margin-left: 2px;
}

/* Input Box Global Style */
.input_start {
float: left;
width: 6px;
height: 34px;
background: url("images/input_start.jpg") no-repeat;
}

.input_end {
float: left;
width: 6px;
height: 34px;
background: url("images/input_end.jpg") no-repeat;
}

.input_start2 {
float: left;
width: 4px;
height: 34px;
background: url("images/input_start2.jpg") no-repeat;
}

.input_end2 {
float: left;
width: 4px;
height: 34px;
background: url("images/input_end2.jpg") no-repeat;
}

/* Button Global Style */
.button_start {
float: left;
width: 6px;
height: 30px;
background: url("images/button_start.jpg") no-repeat;
}

.button_end {
float: left;
width: 6px;
height: 30px;
background: url("images/button_end.jpg") no-repeat;
}

.button {
float: left;
height: 30px;
border: 0px;
padding: 0px 2px 5px 5px;
font: bold 12px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #FCEFEF;
background: url("images/button.jpg") repeat-x;
}

/* Textarea Box Global Style */
textarea {
float: left;
border-left: 2px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
background: #FFF;
border-top: 0px;
border-bottom: 0px;
padding: 2px 10px 2px 6px;
font: normal 12px "Helvetica Neue", Helvetica, Arial;
color: #555;
}

.textarea_topleft {
float: left;
width: 6px;
height: 6px;
background: url("images/textarea_topleft.jpg") no-repeat;
}

.textarea_topbg {
float: left;
height: 6px;
background: url("images/textarea_topbg.jpg") repeat-x;
}

.textarea_topright {
float: left;
width: 6px;
height: 6px;
background: url("images/textarea_topright.jpg") no-repeat;
}

.textarea_bottomleft {
clear: both;
float: left;
width: 6px;
height: 6px;
background: url("images/textarea_bottomleft.jpg") no-repeat;
}

.textarea_bottombg {
float: left;
height: 5px;
background: #FFF;
border-bottom: 1px solid #d9d9d9;
}

.textarea_bottomright {
float: left;
width: 6px;
height: 6px;
background: url("images/textarea_bottomright.jpg") no-repeat;
}

/* Specific input style */
.textarea_width {
width: 276px;
}

.textinput{
width: 270px;
}

.miniwidth{
width: 100px;
}

.mdwidth{
width: 200px;
}

.codewidth{
width: 500px;
}

input.textinput {
float: left;
height: 24px;
background: url("images/input_bg.jpg") repeat-x;
border: 0px;
padding: 10px 5px 0 5px;
font: normal 12px "Helvetica Neue", Helvetica, Arial;
color: #555;
}

input.textinput2 {
float: left;
height: 24px;
background: url("images/input_bg2.jpg") repeat-x;
border: 0px;
padding: 5px 5px 5px 5px;
font: normal 12px "Helvetica Neue", Helvetica, Arial;
color: #555;
}

input.radio, select.select {
margin: 5px 5px;
padding: 5px;
color: #555;
border-width: 1px;
border-style: solid;
border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
font: normal 12px "Helvetica Neue", Helvetica, Arial;
}

/* site response style */
.success {
color: #555;
background: #F0FBFF;
margin: 5px 20px;
padding: .8em 1em;
border-color: #D8EBF5 #D8EBF5 #B9DBEE #D8EBF5;
border-width: 1px;
border-style: solid;
}

.error {
color: #D8000C;
background: #FFBABA;
margin: 5px 20px;
padding: .8em 1em;
border-width: 1px;
border-style: solid;
}

.warn {
color: #9F6000;
background: #FEEFB3;
margin: 5px 20px;
padding: .8em 1em;
border-width: 1px;
border-style: solid;
}

/* download links textarea*/
.codearea {
margin-left: 10px;
padding: 1px;
color: #6A6969;
border-width: 1px;
border-style: solid;
border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
font: 10px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

/* ------------------------------------------
LAYOUT
------------------------------------------- */
/* Header */
#menu_bg {
float: left;
width: 100%;
height: 50px;
background: url("images/menu_bg.jpg") repeat-x;
}

#topContainer {
margin: 0 auto;
width: 940px;
}

#menu {
float: left;
width: 708px;
}

#menu li {
float: left;
height: 28px;
padding: 11px 5px 0 0;
list-style: none;
}

#menu a {
float: left;
height: 28px;
text-decoration: none;
border: 0px;
padding: 5px;
font: bold 12px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
letter-spacing: -0.5px;
color: #FCEFEF;
text-transform: uppercase;
}

#menu a.menu {
float: left;
background: url("images/menu.jpg") repeat-x;
}

#menu div{
float: left;
width: 6px;
height: 28px;
border: 0px;
}

#menu div.menu_start {
background: url("images/menu_start.jpg") no-repeat;
}

#menu div.menu_end {
background: url("images/menu_end.jpg") no-repeat;
}

#languages {
float: right;
width: 217px;
height: 27px;
margin: 11px 0 0 0;
}

#languages a {
float: left;
width: 28px;
height: 27px;
background: url("images/lang_bg.jpg") no-repeat;
}

#languages img {
margin: 8px 0 0 6px;
}

#userpanel {
float: right;
width: 150px;
height: 20px;
margin: 0;
bottom:0px;
right:0px;
background: #fbfaf9;
}

/* Title and Advertisement */
#wrapper {
width: 940px;
margin: 0 auto;
}

#wrapper .headerbox {
float: left;
width: 566px;
margin: 20px 200px 20px 200px;
}

#wrapper .wideheaderbox {
float: left;
width: 940px;
margin: 20px 0 20px 0;
}

#sitename {
float: left;
height: 66px;
background: url("images/site_logo.jpg") no-repeat;
}

#sitename h1 {
font: normal 24px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #4f4843;
text-shadow: #fbfaf9 1px 1px 0px;
margin: 15px 0 0 90px;
}

#sitename h2 {
font: normal 12px/18px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #948c85;
text-transform: uppercase;
text-shadow: #fbfaf9 1px 1px 0px;
margin: 0 0 0 90px;
}

#advertisement {
float: right;
margin: 0 0;
}

/* Page CSS Block */
#leftContent {
float: left;
}

#leftContent .widebox {
background: #FFF;
margin: 0 0 20px 0;
border: 0px dashed;
width: 940px;
}

#leftContent .box{
float: left;
background: #FFF;
width: 566px;
margin: 0 200px 20px 200px;
border: 0px dashed;
}

/* Context Box Width */
.minibox_outer_width{
width: 314px;
}

.minibox_inner_width{
width: 294px;
}

.widebox_outer_width{
width: 928px;
}

.widebox_inner_width{
width: 908px;
}

.box_outer_width{
width: 554px;
}

.box_inner_width{
width: 534px;
}
/* Context Box Style */
.headerBar {
float: left;
height: 47px;
background: url("images/content_top_bg.jpg") repeat-x;
}

.headerCon {
float: left;
height: 47px;
background: url("images/content_top_bg.jpg") repeat-x;
}

.content_header_start {
float: left;
width: 6px;
height: 47px;
background: url("images/content_top_left.jpg") no-repeat;
}

.content_header_middle {
float: left;
height: 47px;
}

.content_header_middle h2 {
font: bold 16px "Helvetica Neue", Helvetica, Arial;
color: #061c33;
margin: 12px 0;
}

.content_header_end {
float: left;
width: 6px;
height: 47px;
background: url("images/content_top_right.jpg") no-repeat;
}

.content_box_bg {
float: left;
padding: 15px;
background: #FFF;
border-left: 1px solid #e1d3c9;
border-right: 1px solid #e1d3c9;
}

.content_bottomleft {
float: left;
width: 6px;
height: 6px;
background: url("images/content_bottomleft.jpg") no-repeat;
}

.content_bottombg {
float: left;
height: 6px;
background: url("images/content_bottombg.jpg") repeat-x;
}

.content_bottomright {
float: left;
width: 6px;
height: 6px;
background: url("images/content_bottomright.jpg") no-repeat;
}

#login_left {
float: left;
height: 47px;
background: url("images/login_top_left.jpg") no-repeat;
}

#sponsors_left {
float: left;
height: 47px;
background: url("images/sponsors_top_left.jpg") no-repeat;
}

#top_files_left {
float: left;
height: 47px;
background: url("images/top_files_left.jpg") no-repeat;
}

#top_files_left h2, #login_left h2, #sponsors_left h2{
margin: 2px 40px;
font: bold 13px/45px "Helvetica Neue", Helvetica, Arial;
color: #FFF;
text-shadow: #2f608e 1px 1px 0px;
text-transform: uppercase;
}

#more_link a {
float: right;
width: 32px;
height: 32px;
background: url("images/link.png") no-repeat;
margin: 8px 0 0 0;
}

.search_button {
float: left;
border: 0px;
margin: 2px;
width: 32px;
height: 32px;
background: url("images/find.png") no-repeat;
}

/* Tabbed Pages */
#tabs {
float: left;
height: 47px;
margin-left: 5px;
}

#tabs li {
float: left;
height: 26px;
width: 111px;
text-align: center;
list-style: none;
margin: 21px 2px 0 0;
display: inline;
}

#tabs a {
float: left;
height: 26px;
width: 111px;
text-align: center;
color: #FFF;
text-shadow: #2f608e 1px 1px 0px;
font: normal 12px/26px "Helvetica Neue", Helvetica, Arial;
background: url("images/inactive_tab.jpg") no-repeat;
}

#tabs a:hover, #tabs a.selected {
background-position: 0 -26px;
text-decoration: none;
color: #061c33;
text-shadow: none;
}

/* Another Tabbed Pages */
ol.tabs {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.tabs li {
    float: left;
    margin: 0 1px 0 0;
}

ol.tabs a {
    background: #bdf url(images/tab.png);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol.tabs a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol.tabs a:hover span {
    background-position: 100% -120px;
}

ol.tabs li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol.tabs li.current span {
    background-position: 100% -60px;
}

ol.tabs span {
    background: url(images/tab.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

div.tabcontent {
    border: #48f solid 3px;
    clear: left;
    padding: 1em;
}

ul.listed, li.listed {
list-style: disc inside;
}

/* sidemenus */
#sidebar {
float: left;
width: 326px;
margin: 0 0 0 48px;
}

.sidebar_headerCon {
float: left;
height: 47px;
background: url("images/sidebar_top_bg.jpg") repeat-x;
}

.sidebar_header_start {
float: left;
width: 6px;
height: 47px;
background: url("images/sidebar_top_left.jpg") no-repeat;
}

.sidebar_header_middle {
float: left;
height: 47px;
}

.sidebar_header_end {
float: left;
width: 6px;
height: 47px;
background: url("images/sidebar_top_right.jpg") no-repeat;
}

/* Footer */
#footer_bg {
float: left;
width: 100%;
background: #E2DEDB;
border-top: 1px solid #cac4c0;
}

#footer {
width: 940px;
margin: 0 auto;
}

.columns {
float: left;
width: 205px;
margin: 20px 0;
}

.columns li {
float: left;
width: 205px;
list-style: none;
text-transform: uppercase;
font: 11px/18px "Helvetica Neue", Helvetica, Arial;
color: #524e4c;
}

.columns a {
font: 11px/18px "Helvetica Neue", Helvetica, Arial;
color: #524e4c;
text-shadow: #FFF 1px 1px 0;
}

.columns a:hover {
border-bottom: 1px dotted #524E4C;
}

#footer_logo #home {
float: right;
width: 66px;
height: 66px;
background: url("images/footer_logo.jpg") no-repeat;
margin: 0 0 40px 0;
}

/* ------------------------------------------
Upload Box Block
------------------------------------------- */
#uploadbox {
float: left;
width: 566px;
margin: 0 0 30px 0;
}
/*Mod: margin: 0 200px 20px 200px; */

.browsefield {
width: 360px;
}

.browsefield2 {
width: 367px;
}

input.browsefield {
float: left;
height: 24px;
background: url("images/input_bg.jpg") repeat-x;
border: 0px;
padding: 10px 5px 0 5px;
font: normal 11px "Helvetica Neue", Helvetica, Arial;
color: #555;
}

#browsebutton {
float: left;
width: 79px;
height: 30px;
background: url("images/browse.jpg") no-repeat;
border: 0px;
margin: 1px 0 0 10px;
}

.fileoptions a {
float: left;
width: 24px;
height: 24px;
background: url("images/options.gif") no-repeat;
margin: 7px 0 0 20px;
}

.addfiles a {
float: left;
width: 102px;
height: 30px;
background: url("images/addfiles.jpg") no-repeat;
margin: 0;
}

div.fileinputs {
position: relative;
}

div.fakefile {
position: absolute;
top: 0px;
left: 0px;
width: 534px;
z-index: 1;
}

input.uploadfile {
position: relative;
text-align: right;
width: 480px;
height: 40px;
margin: 0px;
padding: 0px;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}

.agree {
float: left;
margin: 20px 0 0 0;
width: 385px;
}


.hostit {
float: left;
width: 100px;
height: 43px;
}


#host_it {
float: left;
border: 0px;
background: url("images/host_it.jpg") no-repeat;
height: 38px;
width: 89px;
margin: 5px 0 0 0;
}

#uploadinfo{
margin: 0 0 0 5px;
}

.containers {
float: left;
width: 534px;
margin: 0 0 5px 0;
}

.containers p {
text-transform: uppercase;
font: normal 10px/18px "Helvetica Neue", Helvetica, Arial;
color: #061c33;
}

#uploadbox #helpwindow {
width: 534px;
margin-left: 10px;
}

#uploadbox #uploadwindow {
width: 530px;
}

#uploadbox #emailwindow {
width: 534px;
}

#uploadbox #uploadoverview {
width: 534px;
margin-left: 100px;
}

#uploadbox #progressbar {
float: left;
width: 534px;
position: relative;
}

#uploadbox #progressbar2 {
float: left;
margin: 0 130px;
width: 316px;
}

#uploadbox #progOutter {
background: url(images/percentage-bg.png) no-repeat left center;
width: 316px;
height: 39px;
margin: 0 auto;
}

#uploadbox #progInner {
background: url(images/progress.png) no-repeat left center;
width: 1%;
height: 39px;
}

#uploadbox #progText {
position: absolute;
top:0; left:0;
padding-top: 13px;
text-align: center;
width: 100%;
}

.downloadbtn {
border: 0px;
background: url("images/download.jpg") no-repeat;
height: 38px;
width: 101px;
margin: 5px 0 0 0;
}
/* ------------------------------------------
Abstract CSS Block
------------------------------------------- */

/*  listing css */
.listing {
float: left;
clear: both;
margin: 0;
padding: 0;
}

.listing ul {
clear: both;
list-style: none;
margin: 0;
padding: 0;
}

.listing ul li {
float: left;
}

.listing h3{
margin: 0 2px;
padding: 10px 0px;
border-bottom: 1px solid #E6E6E6;
clear: both;
}

h4{
font: bold 14px Arial, Sans-serif;
color: #666666;
margin: 0 2px;
padding: 6px 0px;
clear: both;
}

/* thumbnails */
.thumbs {
width: 210px;
padding: 0;
margin: 0 2px;
}

.thumbs img {
position: relative;
padding: 8px;
margin: 4px;
background: #FAFAFA;
border: 1px solid #EDEDED;
}

.thumbs img:hover	{
border: 1px solid #D2D2D2;
}

.thumbs a:hover {
background-color: transparent;
border: none
}

/*  column css */
.col-w100{
width: 95%;
text-align: center;
padding: 5px;
border: 0;
}

.col-w100-l{
width: 95%;
text-align: left;
padding: 5px;
border-bottom: 1px dashed;
}

/* service page */
.col-w20{
width: 15%;
text-align: center;
margin: 10px 5px;
padding: 5px 0;
border-bottom: 1px dashed;
}

/* form input */
.col-w30{
width: 35%;
text-align: left;
margin: 0;
padding: 15px 0;
border: 0px;
}

.col-w70{
width: 65%;
text-align: left;
margin: 0;
padding: 5px 0;
border: 0px;
}

/* left right show */
.col-w50-l{
width: 40%;
text-align: left;
margin: 10px 0 10px 20px;
padding: 0;
}

.col-w50{
width: 40%;
text-align: center;
margin: 10px 0 10px 20px;
padding: 0;
border-bottom: 1px dashed;
}

/* ------------------------------------------
Module CSS Block
------------------------------------------- */

.editable {
font: bold 12px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
border-bottom: 0px solid #EBEBEB;
}

/* sponser Ad  */
#sponsorAdDiv {
position:absolute;
top:0;
left:0;
color: #555;
background: #F0FBFF;
padding: .8em 1em;
border-color: #D8EBF5 #D8EBF5 #B9DBEE #D8EBF5;
border-width: 1px;
border-style: solid;
}

/* Virtual Pagination. */
.paginationstyle{
text-align: center;
padding-top: 5px;
background: #F0FBFF;
border: 1px solid;
border-color: #D8EBF5 #D8EBF5 #B9DBEE #D8EBF5;
}

.paginationstyle img{
margin: 0px 0px 5px 0px;
vertical-align: middle;
}

.paginationstyle select{
font: bold 13px Arial, Sans-serif;
margin: 0 0px 5px 0px;
padding: 2px;
border-width: 1px;
border-style: solid;
}

/* alignment classes & additional classes*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }
.no-bg {	background: none; }

/* clearing */
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content: ".";
}