* { margin: 0; padding: 0; }
img { border: none; }

html, body {background: #f3f4f7; font-family: tahoma, sans-serif; font-size: 12px;}
body { background: url(../img/bgtop.png) center top repeat-x; }

/* nezobrazovane prvky */
.off { position: absolute; top: -10000px; width: 1px; height: 1px; overflow: hidden; }

a { color: #558; font-weight: bold;}
a:hover { color: #223; text-decoration: none; }

input.text,textarea,select { color: #0083ce; padding: 3px; border: 1px solid #7ccfff; margin-right: 3px; width: 500px;}
select { width: 508px; }
textarea { width: 500px; height: 100px; }
input.button { cursor: pointer; border: none; background: url(../img/button131.png) no-repeat center center; width: 131px; height: 25px; color: #fff; font-weight: normal; font-size: 12px; padding: 2px 4px 4px; margin-right: 3px; }
input.bigbutton { cursor: pointer; border: none; background: url(../img/button211.png) no-repeat center center; width: 211px; height: 36px; color: #fff; font-weight: bold; font-size: 18px; padding: 6px 20px; margin-right: 3px; text-shadow: 0 1px 2px #693c00; }

.login input.text { width: 150px; }
.login input.button { margin: 0 10px; }
form.register input.text { width: 200px; }
.td1 { width: 120px; height: 30px; }

fieldset { padding: 15px; margin: 5px 0; border: 2px solid #0c689f;}
fieldset legend { padding: 10px; }
form { margin: 10px 0; }
form td { vertical-align: baseline; }
form td.middle { vertical-align: middle; }

span.star { color: #ff9400; font-weight: bold; font-size: 18px; padding: 0 2px; }

label.error { padding-left: 10px; color: #D44; }
table label.error { display: block; font-size: 11px; padding: 0;}
input.error, textarea.error, select.error { border-color: #D44; }

span.space { padding: 0 10px; }

/* header */
#header { width: 970px; height: 128px; background: white url(../img/header-bg.png) no-repeat; margin: 0 auto; position: relative; }
#logo { width: 244px; height: 41px; position: absolute; left: 31px; top: 39px; }
#logo a { display: block; width: 244px; height: 41px; background: url(../img/sms-shareshop-cz.png) no-repeat; }
#header .menu { position: absolute; right: 12px; top: 0; height: 115px; }
#header .menu a { color: #2b9dff; text-decoration: none; display: block; padding: 54px 18px 45px 21px;}
#header .menu a:hover,
#header .menu li.active a { color: #fbbc31; }
#header .menu li { display: block; float: left; height: 115px; background: url(../img/header-menu-div.png) left center no-repeat; }
#header .menu li.first { background: none; }

/* footer */
#footer { width: 886px; margin: 0 auto 30px; padding: 15px 30px; color: #5e6376; font-size: 10px; }
#footer p.left { float: left; }
#footer p.right { float: right; color: #868b9e; }
#footer a { color: #686c7b; font-weight: normal; }

/* white */
.white1 { width: 946px; background: url(../img/white-div-top.png) center top no-repeat; margin: 15px auto; padding-top: 9px;}
.white2 { background: url(../img/white-div-bottom.png) center bottom no-repeat; padding-bottom: 9px;}
.white3 { background: white url(../img/white-div-bg.png) repeat-y; padding: 1px 30px; overflow: hidden; _overflow: visible; _height: 1px; }

/* blue */
.blue1 { width: 946px; background: url(../img/blue-div-bg.png) center top repeat-y; margin: 15px auto; }
.blue2 { background: url(../img/blue-div-top.png) center top no-repeat; }
.blue2w { background: url(../img/blue-div-topw.png) center top no-repeat; }
.blue3 { background: url(../img/blue-div-bottom.png) center bottom no-repeat; overflow: hidden; _overflow: visible; _height: 1px; }

/* obsah modreho */
.blue3 #add_form { float: left; width: 540px; padding: 20px 30px; position: relative; }
.blue3 #add_form input.button { position: relative; left: 302px; width: 232px; height: 43px; background: url(../img/huge-button.png) center center no-repeat; border: none; font-size: 24px; font-weight: bold; font-family: "Arial" ; color: #FFF; letter-spacing: 0px; }
.blue3 #add_form .tar1 { width: 533px; background: url(../img/tar-bg.png) center top repeat-y; }
.blue3 #add_form .tar2 { background: url(../img/tar-top.png) center top no-repeat; }
.blue3 #add_form .tar3 { background: url(../img/tar-bottom.png) center bottom no-repeat; padding: 10px; }
.blue3 #add_form #urls { background: transparent; width: 513px; padding: 0; height: 48px; min-height: 48px; border: none; line-height: 16px; max-height: 180px; }
.blue3 #add_form label { color: #FFF; font-size: 16px; font-weight: bold; }

.blue3 #add_form.wide { float: none; width: auto; }
.blue3 #add_form.wide input.button { position: relative; left: 651px; width: 232px; height: 43px; background: url(../img/huge-button.png) center center no-repeat; border: none; font-size: 24px; font-weight: bold; font-family: "Arial" ; color: #FFF; letter-spacing: 0px; }
.blue3 #add_form.wide .tar1 { width: 882px; background: url(../img/wtar-bg.png) center top repeat-y; }
.blue3 #add_form.wide .tar2 { background: url(../img/wtar-top.png) center top no-repeat; }
.blue3 #add_form.wide .tar3 { background: url(../img/wtar-bottom.png) center bottom no-repeat; padding: 10px; }
.blue3 #add_form.wide #urls { width: 862px; }

.blue3 #login { float: right; width: 282px; padding: 0 30px; margin: 20px 0; position: relative; }
.blue3 #login p { height: 22px; position: relative; font-size: 14px; font-weight: bold; color: #FFF; }
.blue3 #login p.input { background: url(../img/login-input.png) right top no-repeat; padding: 4px; }
.blue3 #login p.input input { background: transparent; border: none; width: 182px; position: absolute; right: 0; top: 3px; font-size: 16px; color: #000; font-weight: bold;}
.blue3 #login input.checkbox { margin-left: 10px;  }
.blue3 #login .button { display: block; width: 176px; height: 33px; background: url(../img/login-button.png) center center no-repeat; border: none; font-size: 15px; color: #fff; font-family: Arial; text-decoration: none; margin: 0px 0; text-align: center;  position: absolute; right: 0; font-weight: bold; }
.blue3 #login a.button { padding: 5px 4px; width: 168px; height: 23px; }
.blue3 #login a { color: #fff; }


/* content */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 { color: #ff9400; font-size: 24px; margin: 20px 0; font-weight: bold; }
#content h2 { font-size: 18px; }
#content h3 { font-size: 16px; }

#content p,
#content ul,
#content dl { margin: 20px 0; line-height: 1.6; }
#content dt { font-weight: bold; margin: 5px 0; }

#content p.note { font-size: 10px; color: #528db0; margin: -10px 0 0 0; }

#content code { font-size: 16px; font-weight: bold; padding: 10px; }

#content { color: #0c689f; font-family: Arial; font-size: 13px; }

#content a { color: #3a99d2; }

#content ul { list-style-type: none; }
#content ul li { padding: 10px 0 10px 25px; background: url(../img/li.png) left 16px no-repeat; }

#content img { border: 3px solid #c7eaff; }
#content a img { border: none; }
#content img.noborder { border: none; }


/* tables */
table {text-align: left; }
.right {text-align: right;}
.center {text-align: center;}
.price {text-align: right; width: 120px; }
.currency {text-align: left; width: 100px; }
.capacity {text-align: right; width: 120px; }
.pay {width: 120px; }
.size { width: 80px; text-align: right; padding-right: 8px; }
.actions { white-space: nowrap; }
.nobr { white-space: nowrap; }

abbr { border: none; }

div.sort {margin: 10px 0; border: 1px solid #7bceff;}
div.sort table {width: 100%;}
div.sort table .sort-sort img {vertical-align: bottom;}
div.sort table .sort-sort { padding-left: 3px; }
div.sort table tr.oddrow {background-color: #edf8ff;}
div.sort table td, div.sort table th {padding: 3px 5px;}
div.sort table td {border-top: 1px solid #7bceff; }
div.sort table td * { vertical-align: bottom; }
div.sort table td img { margin: 0 5px; }
div.sort table {background-color: white; border-collapse: collapse;}


div.pager {margin: 10px 0; border: 1px solid #7bceff; overflow: hidden; background: #FFF;}
div.pager .pager_pages span {display: block; float: left; padding: 3px 6px; border: 1px solid #7bceff; margin: 2px;}
div.pager .pager_pages span.pager_inactive {border: 1px solid #c7eaff; color: #c7eaff;}
div.pager .pager_pages span.pager_set {border: 2px solid #7bceff; padding: 2px 6px; background: #edf8ff; font-weight: bold;}
div.pager .pager_pages a {color: #000; text-decoration: none;}
div.pager .pager_pages a:hover span {background: #edf8ff;}
div.pager .pager_numberofrecords {padding: 5px; line-height: 24px;}


div.notification { margin: 10px 0; border: 1px solid; padding: 5px; }
div.notification.error { border-color: #A00; color: #A00; background-color: #FCC; font-weight: bold;}
div.notification.warning { border-color: #880; color: #880; background-color: #FFC;}
div.notification.information { border-color: #0A0; color: #0A0; background-color: #CFC;}

div.flash { margin: 20px 0; border: 2px solid #0c689f; background: white; padding: 20px; text-align: center; font-weight: bold; font-size: 14px; }

table.info th { padding-right: 20px; }
form.inline { display: block; margin: 0; padding: 1px 0; float: right; }
form.inline select { width: 60px; }

#counters { height: 1px; width: 1px; position: absolute; left: -1000px; overflow: hidden; }

.services { padding: 0px 30px 10px; }
.service { display: inline-block; width: 123px; _float: left; }
.service img { width: 100px; border: none !important; }
.service p { text-align: center; font-weight: bold; }
.service p.status { padding-right: 6px; }
.service .ok { color: #517711; }
.service .warning { color: #f68702; }
.service .error { color: #c02902; }
.service .logo img { vertical-align: middle; }
.service .logo .over { height: 100px; display: inline-block; vertical-align: middle; width: 32px; margin-left: -16px; }
.service .logo .ok { background: url(../img/ok32.png) center 60px no-repeat; }
.service .logo .warning { background: url(../img/warning32.png) center 60px no-repeat; }
.service .logo .error { background: url(../img/error32.png) center 60px no-repeat; }
.service p { margin: 0 !important; }
.service acronym { color: #aaa; text-decoration: underline; border: none; }
.service .status span { cursor: help; }

#search_results .result { border: 1px solid #7bceff; padding: 10px 100px 10px 20px; margin-bottom: 5px; background-repeat: no-repeat; background-position: 800px center; }
#search_results .result:hover { background-color: #edf8ff; }
#search_results .result.selected { background-color: #edf8ff; }
#search_results .result h2 { margin: 0 0 10px 0; font-size: 15px; }
#search_results .result h2 * { vertical-align: bottom; }
#search_results .result h2 .size { font-size: 12px; color: #888; margin-left: 20px; }
#search_results .result h2 a { margin-left: 20px; }
#search_results .result p { margin: 0; }
#search_results .result p.url input { vertical-align: middle; }
#search_results .waiting { background: url(../img/ajax-loader.gif) no-repeat left center; padding: 10px 10px 10px 30px; }
#search_results .result.quickshare { background-image: url(../img/logos/quickshare64.png);  }
#search_results .result.rapidshare { background-image: url(../img/logos/rapidshare64.png);  }
#search_results .result.hotfile { background-image: url(../img/logos/hotfile64.png);  }
#search_results .result.sharerapid { background-image: url(../img/logos/sharerapid64.png);  }
#search_results .result.ulozto { background-image: url(../img/logos/ulozto64.png);  }
#search_results img { border: none; vertical-align: middle; }
#search_results .thumbnails img.thm { width: 100px; border: 1px solid #7bceff; cursor: pointer; }
#search_results .thumbnails * { vertical-align: middle; }
#search_results p.thumbnails { margin: 10px 0; }
.searchbox form.search { margin: 0; }
form.search * { vertical-align: middle; }
form.search label { font-weight: bold; font-size: 18px; margin-right: 20px; display: inline-block; width: 114px; }
form.search input.text { width: 516px; font-size: 18px; border: none; color: #888; padding: 6px 0px; background: transparent; }
form.search .button { width: 176px; height: 33px; background: url(../img/search-button.png) center center no-repeat; border: none; font-size: 16px; color: #fff; font-family: Arial; text-decoration: none; margin: 0; text-align: center; font-weight: bold; }
span.searchleft { display: inline-block; width: 12px; height: 32px; background: url(../img/search-left.png); }
span.searchright { display: inline-block; width: 12px; height: 32px; background: url(../img/search-right.png);  margin-right: 20px;}
span.searchcenter { display: inline-block; height: 32px; background: url(../img/search-center.png); overflow: hidden; }


#bbl { border: none; border-collapse: collapse; }
#bbl td { vertical-align: middle; }
#bbl img { border: none; }
#bbltl { background: url(../img/t-tl.png) no-repeat bottom right; height: 7px; }
#bbltr { background: url(../img/t-tr.png) no-repeat bottom left; height: 7px; width: 7px; }
#bblbr { background: url(../img/t-br.png) no-repeat top left; height: 7px; width: 7px; }
#bblbl { background: url(../img/t-bl.png) no-repeat top right; height: 7px; }
#bblt { background: url(../img/t-t.png) repeat-x bottom left; height: 7px; }
#bblr { background: url(../img/t-r.png) repeat-y top left; width: 7px; }
#bblb { background: url(../img/t-b.png) repeat-x top left; height: 7px; }
#bbll { background: url(../img/t-l.png) repeat-y top right; vertical-align: top !important; }
#bblc { padding: 10px; background: #fff; }
#bblinfobox { position: absolute; top: 0; left: 0; font-weight: bold; color: #fff; background: url(../img/t-infobox.png) no-repeat right bottom; padding: 4px 10px; }
#bblwrap { background: url(../img/ajax-loader.gif) no-repeat center center; }