* { 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); width: 131px; height: 25px; color: #fff; font-weight: normal; font-size: 12px; padding: 2px 4px 4px; margin-right: 3px; }

.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 28px 45px 31px;}
#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; }

/* 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; }

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; }