/* WeFi App Store general styles */
body {
    background: #bbd6ee URL(/global/master/app.wefi/images/app_bg.png) left top repeat-x;
}

.clear {
    clear:both;
    display:block;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0;
    margin: 0 !important;
}

input, textarea, option, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444444;
}

input, textarea {
    border: 1px solid #BBCADB;
    padding: 1px;
}

/* layout styles */
#container {
    width: 995px;
    margin: 20px auto;
}

#frame {
    width: 960px;
    text-align: left;
    margin: 0 auto;
}

#appContent {
    margin-top: 41px;
}

#appCcontent p {
    color: #444444;
    font-size: 12px;
    line-height: 1.2em;
}

/* header styles */
#header {
    padding: 10px;
    background: #FFFFFF url(/global/master/app.wefi/images/app_bgs.png) left -24px repeat-x;
    border: 5px solid #FFFFFF;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

#headerLogo #logo {
    float: left;
}

#headerLogo #tagline {
    float: left;
    padding: 34px 0 0 30px;
}

#headerRight { float: right;}
* html #headerRight { padding-right: 15px; }
*+html #headerRight { padding-right: 15px; }


#headerSearch {
    float: right;
    clear: right;
    margin: 3px 0;
}

#headerSignIn {
    float: right;
    clear: right;
    width: 300px;
    text-align: right;
}

#lgnGuest {
    display:none;
}

#lgnMember {
    display: none;
}

/* navigation styles */
#navbar {
    text-align: center;
    height: 44px;
    position: absolute;
    z-index: 10;
    width: 960px;
}

#navbar li {
    float: left;
    font-size: 16px;
    width: 192px;
    background-color: #3B56A3;
}

#navbar a {
    line-height: 36px;
}

#navbar a:link, #navbar a:visited {
    color: #FFFFFF;
}

#navbar a:hover, #navbar a:active {
    color: #95D224;
}

#navbar li.active {
    z-index: 10;
    padding-bottom: 4px;
    background-color: #FFFFFF;
    color: #95D224;
    border: 0 solid #FFFFFF;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}

#navbar li.active a {
    color: #95D224;
}

#glSearchField {
    padding: 2px 1px;
}

#glSearchButton {
    background: transparent url(/global/master/app.wefi/images/app_bgs.png) left top repeat-x;
    vertical-align: top;
    height: 20px;
    color: #FFFFFF;
    padding: 0 5px;
    border: none;
}

#glSearchButton { vertical-align: top; margin-top: 1px; }


/* footer styles */
#footer {
    text-align: center;
    padding: 10px 0;
    color: #666666;
    font-size: 11px;
}

#footer li {
    display: inline;
}

#footer a {
    padding: 0 5px;
}

#footer a:link, #footer a:visited {
    color: #666666;
}

#footer a:hover, #footer a:active {
    color: #333333;
}


/* columns styles */
#leftside {
    display: none;
}

#rightside {
    display: none;
}

#content {
    width: 940px;
    float: left;
    background-color: #FFFFFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
    margin: 10px 0;
}

#content h1 {
    background-color: #95D224;
    border: 1px solid #FFFFFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFFFFF;
    margin: 0 0 6px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

/* palette styles */
.palette {
    width: 297px;
    height: 234px;
    float: left;
    text-align: center;
    background: #FFFFFF url(/homepage/app/images/palette_bg.jpg) left top no-repeat;
    position: relative;
    margin: 0 0 10px 11px;
}

.pHeader {
    color: #537CB1 !important;
    font-size: 16px !important;
    padding: 5px;
}

a.getit {
    position: absolute;
    top: 160px;
    left: 116px;
    width: 68px;
    height: 70px;
}

.getit:link, .getit:visited {
    background: transparent url(/homepage/app/images/get_it_button.png) left top no-repeat; }

.getit:hover, .getit:active { background: transparent url(/homepage/app/images/get_it_button.png) right top no-repeat; }

* html a.getit:link, * html a.getit:visited, * html a.getit:hover, * html a.getit:active {background-image: none;}

.db1, .db2, .db3, .db4, .db5 { position: absolute; width: 62px; height: 55px;  }
.db1 { top: 47px; left: 47px; }
.db2 { top: 37px; left: 117px; }
.db3 { top: 47px; left: 187px; }
.db4 { top: 105px; left: 79px; }
.db5 { top: 105px; left: 156px; }

.db1>div, .db2>div, .db3>div, .db4>div, .db5>div { height: 25px; margin-top: 5px; }
.b1, .b2, .b3, .b4, .b5 { width: 32px; height: 32px; }
* html .b1, * html .b2, * html .b3, * html .b4, * html .b5 { width: 32px; height: 32px; padding-top: 5px; margin-bottom: -8px; }
*+html .b1, *+html .b2, *+html .b3, *+html .b4, *+html .b5 { width: 32px; height: 32px; padding-top: 5px; margin-bottom: -8px; }
.bb1, .bb2, .bb3, .bb4, .bb5 { width: 60px; overflow: hidden; font-size: 10px; }

.moreInfo {
    position: absolute;
    top: 215px;
    left: 200px;
    font-size: 11px;
}

/* feedback styles */

.appFeedback p, .appFeedback h1 {
    padding: 5px 20px 0;
}

#feedbackForm {
    padding: 20px !important;
}

#feedbackForm div {
    margin-bottom: 5px !important;
}

.legalPage {
    padding: 0 20px !important;
    width: 920px !important;
}

.legalPage ul, .legalPage ol {
    margin: 0 20px !important;
}

.legalPage li, .legalPage p {
    margin-bottom: 10px; !important;
}

.wefiUITitle .ui-dialog-titlebar { display: none; }