/* 
Document   : styles3
Created on : 2009-07-07, 10:37:44
Author     : Lewandowski, Kuczkowski
Description:
CSS for mobiles supporting at least 3rd XHTML level according to WURFL
*/

body 
{
    width: 100%;
    height: 100%;
    text-align: center; 
    vertical-align: top;
    padding:0px;margin:0px;
    font-family: Tahoma,Verdana,Arial, sans-serif;
    font-size:0.7em;
    color:#555;
    background-color: #094f8d;
}

div,img,fieldset {
    padding:0;
    margin:0;
    border:0;
}
a {
    text-decoration:none;
}
a:hover {
    color:#ae0011;
}
/*style formularzy */
input,textarea,select{
    border:1px solid #b0c4d5;
    padding:0;
    margin:0;
}

/** Sledzik **/

.footer {
    margin-top: 5px;
    padding-top: 6px;
    /*padding: 6px 38px 18px;*/
    color: #9abfdd;
    font-size: 0.9em;
    line-height: 1.4em;
    text-align: center;
    background-color: #094f8d;    
}

.footer a {
    color: #eff8ff;
}

.footer_link_to_full {
    display: block;
    padding: 5px 0 7px;
    text-align: center;    
    border-bottom: 1px solid #053a67;
}

.footer_link_to_full a {
    color: #4172a2;
}

.login {
    color: #30312f;
}

h3.login {
    background-color: #094f8d;
    text-transform: none;
    text-align: left;
    display: block;
    color: white;    
    margin:0;
    padding-left: 4px;
    padding-bottom: 2px;
}

form.login fieldset div.field_container input {
    width: 100%;
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
}

/** add shout **/

.shouts_list form {
    /*width: 100%;*/
}

.shout_add {
    background-color: #e2ecf5;
    color: #1f3243;
    padding: 0 0 8px 0;
    margin: 0;
    overflow: auto;
}

h3.shout_add {
    font-weight: bold;    
    text-align:left;    
    color: #213344;    
    padding: 4px 4px 2px 4px;
    display: block;
    font-size: 0.8em;
}

.shout_add fieldset div.field_container input {
    width: 100%;
    height: 1.6em;
    margin: 0;
}

.send {
    float: right;
    padding: 2px 6px 3px;    
    margin: 4px 4px 4px 0px;
    border: 1px solid #053a67;
    background-color: #07508e;
    color: #fff;
    font: bold 1em Tahoma, verdana, Arial, sans-serif;
}

.box {    
    float: left;
    display: inline;
    margin: 4px 5px 4px 4px;
    border: 0;
    padding: 0;
}

/** Sledzik top bar **/

div.sledzik {
    background-color: #fff;
    text-align: left;
}

.top_bar {
    display: block;
    overflow: auto;
    margin: 0;
    background-color: #094f8d;
    border-bottom: 2px solid #053A66;
}

.top_bar a {
    float: left;
    padding:5px 5px 5px 5px;
    color:#fffffd;
    display: inline;
}

.top_bar a.active {
    background-color: #053a66;    
}

/** shouts **/
.shouts_list {
    list-style:none;    
    display: block;
    margin:0;
    padding:0;
}

.shouts_list hr {
    width: 96%;
    margin: 0 auto;
    border: 0;
    border-top: 1px solid #e1e8f0;
    display: block;
}

/** Shout info, stars and comments count **/

.shout {
    padding: 7px 6px 8px;    
    display: block;
}

.shout_info {
    padding: 5px 0px 5px 0px;
    font-size: 1em;
    text-align: left;        
    width: 100%;
}

.shout_info div {
    display: inline;
}

.shout_info div a {
    padding:0px 5px 0px 5px;
    display: inline;
    color: #0a69ac;
}

.shout_info div a.last {
    padding-right:0;
}

/** Shout **/

.shout_actions {
    padding: 5px 0 5px 0;
    text-align: left;
    color: #0a69ac;        
    width: 100%;
}
.shout_actions a {
    color: #0a69ac;
    padding-right: 5px;
    padding-left: 5px;
    border-right: 1px solid #e1e8f0;
    float: left;
}
.shout_actions a.last {    
    border-right: 0;
}

.shout_actions a.shout_add_comment {
    background-color: #f0f3f8;   
    color: #7e94ab;
}

.shout_actions a.first {
    padding-left: 0px;
}

.shout_actions a.first_last {
    border-right: 0;
    padding-left: 0px;
}

.shout_date {    
    padding:4px 5px 5px 0;
    display: inline;
    color: #7e94aa;
    text-align: left;    
    font-size: 0.8em;
}

.shout_author {
    font-size: 1em;    
    text-align: left;    
    color: #0a69a9;
    font-weight:bold;
    padding-right: 5px;
    margin-right: 5px;
    width: 100%;
}

.shout_content {
    /*display: block;*/
    width: 100%;
    padding: 1px 0 6px;
    text-align: left;    
    color: #010101;
    font-size: 1.1em;
}

.shout_content a {
    color: #75a9d2;
}

/** Comment **/

.comment {
    padding: 7px 6px 8px;
}

.comment_author {
    text-align: left;
    float: left;
    color: #0a69a9;
    font-weight:bold;    
    display: inline;
    font-size: 1em;
    padding-right: 5px;
    margin-right: 5px;
}

.comment_content {
    font-size: 1em;
    text-align: left;
    float: left;
    width: 100%;
    color: #010101;
    padding: 1px 0 6px;
}

.comment_content a {
    color: #75a9d2;
}

div.pager {
    padding: 8px 0;
    background-color: #f1f6fb;
    font-size: 1em;
    border: 1px solid #ccdce8;
    margin: 2px 2px 2px 2px;
    text-align: center;
}

.pager a {
    padding-left: 3px;
    display: inline;
    color: #0a68ab;
}

.pager span.pager {
    padding-left: 3px;
    font-weight: bold;
    color: #68a11b;
}

/** utils **/
ul.puma_list {
    list-style: none;
    margin: 0;
}

ul.puma_list li {
    padding: 0;
    margin: 0;
}

fieldset {
    border:0;
    margin:0;
    padding:0;
}

/** logo TODO add to body? included with correct width **/
.sledzik_logo {
    width: 100%;
    padding: 5px 0;
    text-align: center;
    background-color: #094f8d;
}

/** profile **/

.profile {    
    text-align: left;    
    font-size: 1em;
    background-color: #e2ecf5;
    padding-top: 2px;
}

.profile_info {    
    background-color: #fff;
    padding: 3px 6px 8px;
}

.profile_info hr {
    width: 96%;    
    margin: 0 auto;
    margin-top: 3px;
    border: 0;
    border-top: 1px solid #e1e8f0;   
}

.profile h3.profile {
    font-size: 1em;    
    text-align: left;
    color: #0a69a9;    
    font-weight:bold;    
    padding-left: 7px;       
}

.profile img {    
    border: 0;
    display: block;
    padding: 2px 6px 2px;
}

.profile_info .item {
    margin-top: 2px;
    display: block;    
}

.profile_info .item a {
    display: inline;
    margin-left: 2px;
    padding-left: 2px;
    font-weight: bold;
    color: #0a69a9;
    font-size: 0.8em;    
}

.profile .profile_type {
    color: maroon;
    text-transform: uppercase;
    text-align: left;
    font-size: 0.7em;
    display: block;
    padding: 1px 6px 3px;
}

/** user lists **/

.people {    
    padding: 7px 6px 8px;
}

.people a.person {
    padding-bottom: 3px;
    color: #0a69a9;
    font-weight:bold;
    display: block;
}

.person_img {
    text-align: center;
}

.person_img img {
    margin: auto;
    display: block;
}

.person_img .profile_type {
    font-size: 0.7em;
    text-transform: uppercase;
    color: maroon;
}

/** Messages **/

h3.message {
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 1.1em;
    background-color: #053A66;
    color: #fff;    
    text-transform: uppercase;
    text-align: center;
}

div.message {
    font-size: 1em;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
}

div.message div {
    display: block;
    margin-bottom: 8px;
}

.message_info {
    margin: 2px;
    border: 2px solid #c5e399;
    background-color: #def6bc;
    color: #5f7b31;
    text-align:center;
    font-weight: bold;
    padding: 3px;
    vertical-align: middle;
}

.message_error {
    margin: 2px;
    border: 2px solid #f3ec9b;
    background-color: #fffbbe;
    color: #8c7237;
    text-align:center;
    font-weight: bold;
    padding: 3px;
    vertical-align: middle;
}

a.logout {    
    padding: 2px 6px 3px;    
    border: 1px solid #053a67;
    background-color: #07508e;
    color: #fff;
    font: bold 1em Tahoma, verdana, Arial, sans-serif;
}

/** Stars **/

.star {
    font-size: 1em;
    padding: 7px 6px 8px;
    display: block;
}

.star .star_date {    
    display: inline;
    color: #7e94aa;    
    float: right;
    text-align:right;
}

.star a {
    float: left;
    color: #0a69a9;
    font-weight:bold;
}

.star a img {
    padding-right: 5px;
    margin-right: 5px;
}

/** bottom bar **/

.bottom_bar {
    margin-top: 5px;
    text-align: left;
}

h3.bottom_bar {
    padding: 7px 6px 8px;
    background-color: #094f8d;
    color: #fff;
    font-weight: bold;
    display: block;
    font-size: 1em;
    margin-bottom: 0px;
}

.bottom_bar a {
    padding: 4px 6px 1px;
    margin-left: 5px;
    color: #0a69ac;
    display: block;
}

/** confirmation **/

.confirm {    
    color: #30312f;
    text-align: center;
}

h3.confirm {
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 1.1em;
    background-color: #053A66;
    color: #fff;
    /*text-transform: uppercase;*/
    text-align: center;
}

form.confirm div.confirm {
    margin-top: 3px;
    padding-left: 8px;
    margin-bottom: 3px;
    text-align: left;
}

.ok {
    padding: 2px 6px 3px;        
    border: 1px solid #053a67;
    background-color: #07508e;
    color: #fff;
    font: bold 1em Tahoma, verdana, Arial, sans-serif;
    margin-right: 5px;
}

.cancel {
    padding: 2px 6px 3px;       
    border: 1px solid #053a67;
    background-color: #07508e;
    color: #fff;
    font: bold 1em Tahoma, verdana, Arial, sans-serif;    
}

/** help **/

.help {
    padding: 7px 6px 8px;
}

h3.help {
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
}

.help a {
    padding-bottom: 3px;
    color: #0a69a9;
    font-weight:bold;
    display: block;
}

a.back {
    color: #0a69a9;
    text-align: left;
}

/** search **/

.search {
    padding: 7px 6px 8px;
}

h3.search {
    padding:0;
    margin:0;
}

.search a {
    color: #0a69a9;
    padding-left: 3px;
    float: left;
}

.search span.search {
    margin: 0;
    padding: 0;
    padding-left: 3px;
    font-weight: bold;
    color: #68a11b;
    float: left;
    display: inline;
}

.search hr {
    width: 96%;
    margin: 0 auto;
    margin-top: 3px;
    border: 0;
    border-top: 1px solid #e1e8f0;    
    display: block;
}

/** catalog **/

a.catalog_active {
    background-color: #e2ecf4;
    color: #7e94ab;
    border-right: 1px solid #e1e8f0;
}

a.catalog_active_last {
    border: 0;
    background-color: #e2ecf4;
    color: #7e94ab;
}

/** statistics **/

.stat {
    background-color: #094f8d;
    display: none;
}

/** application selection **/

.apps {
    background-color: #fff;
    text-align: left;
    color: #000;
    margin-left: 2px;
}

/** utils **/

.cleaner {
    clear: both;
    margin: 0;
    padding: 0;
}

.empty_left_box {
    float: left;
}

div.field_container {    
    margin-left: 4px;
    margin-right: 5px;
}

div.field_container input {
    width: 100%;    
}

/** error container **/

#error_container {
    padding: 4ex 0;
    text-align: center;
    color: #000;
}
#error_container h2 {
    font-size: xx-large;
    margin: 1ex 0 0;
}
#error_container p {
    margin: 0 0 6ex;
}
#error_container a {
    display: block;
    font-weight: bold;
    color: #094F8D;
    padding: 0 0 4ex;
}