html, body {
margin: 0;
padding: 0;
border: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
font-size: small;
line-height: 15px;
}

html {
background: #520D07 url(images/bg.gif) repeat-y left top;
}

html.basaari {
background: #520D07 url(images/bg_basaari.gif) repeat-y left top;
}

html.rainat {
background: #520D07 url(images/bg_rainat.gif) repeat-y left top;
}

body.rainat {
padding-top: 4px;
padding-bottom: 14px;
font-size: 11px;
background-image: url(images/bg_top_rainat.jpg);
background-repeat: no-repeat;
background-position: left top;
}


body {
padding-top: 4px;
padding-bottom: 14px;
font-size: 11px;
background-image: url(images/bg_top.jpg);
background-repeat: no-repeat;
background-position: left top;
}

body.basaari {
padding-top: 4px;
padding-bottom: 14px;
font-size: 11px;
background-image: url(images/bg_top_basaari.jpg);
background-repeat: no-repeat;
background-position: left top;
}

/*-General-----------------------------------------------*/

a {
color: #414141;
}

a:hover {
color: #000;
}

a img {
border:none;
margin:0;
padding:0;
vertical-align: top;
}

h1, h2, h3, h4, h5, h6, p {
margin: 0 0 .5em 0;
padding: 0;
}

h1 {
line-height: 1.1em;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background: url(images/bg_title-530.jpg) no-repeat 0 0;
padding: 2px 5px 4px 5px;
}

h1.old {
color: #662112;
background: none;
padding: 0px;
}

h1 a {
font-weight: normal;
text-decoration: none;
color: #662112;
}

h2 {
padding: 0 0 .2em 0;
margin:0;
clear: both;
font-size: 12px;
font-weight: bold;
color: #662112;
}

h2 a {
color: #662112;
}

h3 {
padding: 0;
margin: 0;
font-size: 11px;
font-weight: bold;
color: #000000;
}

h3 a {
color: #662112;
}

p {
margin-bottom: 1em;
}

p.grey {
color: #7f7f7f;
}

a.grey {
color: #a2a2a2;
}

a.grey:hover {
color: #7f7f7f;
}

strong {
font-weight: bold;
}

.strong {
font-weight: bold;
}

a.button {
/*padding: .4em 1em;*/
/*background-color: #A02037;
border-top: 1px solid #DE808E;
border-left: 1px solid #DE808E;
border-right: 1px solid #31070B;
border-bottom: 1px solid #31070B;*/
color: #FFFFFF;
text-decoration: none;
}

a.button:hover {
color: #FFFFFF;
}

.right {
float:right;
margin: 0 0 .2em 0;
padding: 0;
}

.left {
float:left;
margin: 0 0 .2em 0;
padding: 0;
}

table {
font-size: 11px;
width: 100%;
margin: 0;
border-collapse: collapse;
}

table th {
text-align: left;
padding: .2em .4em;
}

table.list {
margin-bottom: 1em;
}

table.list tr.odd {
background-color: #F2F2F2;
}

table.list td h2 {
font-weight: normal;
}

table.list th {
color: #662112;
}

table.list th.title {
padding: 0;
font-size: 11px;
color: #662112;
}

table td {
vertical-align: top;
padding: .1em;
border-spacing: 0px;
font-size: 11px;
}

form {
display: inline;
margin: 0;
padding: 0;
}

form .label {
padding: 0 10px 0 0;
margin: 0 0 .5em 0;
color: #333333;
}

form .input-error {
margin: 0 0 .5em 0;
color: #FF0000;
border: 1px solid red;
background: #FEFFCC;
padding: .5em;
}

form .input {
padding: 0;
margin: 0 0 .5em 1em;
}

form h2 {
margin: 1em 0 .5em 0;
}

form .is-required {
background: url(images/required_field.png) no-repeat 100% 50%;
padding-right: 12px;
}

/* clearing */
.stretch,
.clear {
clear:both;
height:1px;
margin:0;
padding:0;
font-size: 11px;
line-height: 1px;
}

.clearfix:after {
content: "."; 
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.maincontent {
}

.maincontent ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}

.maincontent li {
display: block;
padding: 0 0 .1em .1em;
margin: 0 0 .1em 0;
}

.maincontent .helpcontainer {
font-size: 11px;
clear: both;
padding: .5em 1em;
margin: 0 0 1em 0;
color: #333333;
line-height: 1.6em;
background-color: #dfdfdf;
}

.maincontent .helpcontainer img {
display: inline;
clear: none;
float: none;
margin: 0;
padding: 0;
}

.maincontent .helpcontainer ul {
margin-bottom: 5px;
}

.maincontent .helpcontainer li {
padding-left: 14px;
}

.maincontent .indent {
padding-left: 1.5em;
}

.maincontent hr {
color: #dfdfdf;
height: 1px;
background: #dfdfdf;
border: none;
}

div.columnheader253 {
position: absolute;
left: 0px;
top: 0px;
background: url(images/header_column-253.gif) no-repeat left top;
width: 253px;
height: 4px;
}

div.widecolumnheader {
position: absolute;
left: 0px;
top: 0px;
background: url(images/header_column-wide.gif) no-repeat left top;
width: 548px;
height: 4px;
}

div.columnfooter {
background: url(images/columnfooter_bg.gif) repeat-x left top;
height: 3px;
position: relative;
left: 0px;
top: 0px;
margin-top: -1px;
margin-bottom: 6px;
}
div.wide {
clear: both;
width: 548px;
height: 3px;
margin-left: -8px;
margin-bottom: -8px;
}
.col253 {
	width: 253px;
}
.col271 {
	width: 271px;
}
div.columnfooter div.left {
position: absolute;
left: 0px;
top: 0px;
background: url(images/columnfooter_leftbit.gif) no-repeat left top;
width: 4px;
height: 3px;
}
div.columnfooter div.right {
position: absolute;
right: 0px;
top: 0px;
background: url(images/columnfooter_rightbit.gif) no-repeat left top;
width: 3px;
height: 3px;
}

#maintitle {
padding-bottom: .5em;
margin-bottom: 1em;
}

#maintitle a {
}

/*-Top Navigation---------------------------------------*/

#navbar {
margin-left: 5px;
margin-top: 55px;
z-index: 999;
}

#navbar #title {
width: 117px;
height: 29px;
display: inline;
}

#navbar #title a {
position: absolute;
top: 5px;
left: 28px;
width: 222px;
height: 75px;
display: block;
background: url(images/logo_apinat.jpg) no-repeat 0 0;
}

#navbar #title span {
display: none;
}

#navbar div#navlinks {
position: absolute;
left: 11px;
top: 115px;
}

#navbar div#navlinks ul {
list-style: none;
margin: 0;
padding: 0;
}

#navbar #navlinks li {
float: left;
font-weight: bold;
font-size: 11px;
}

#navbar #navlinks a {
height: 39px;
padding: 0;
display: block;
}

/* hide all text links */
#navbar #navlinks a span {
display: none;
}

#navbar #navlinks a.tabindex1 { width: 93px; background: url(images/tab1_off.jpg) no-repeat left top; }
#navbar #navlinks a.tabindex2 { width: 86px; background: url(images/tab2_off.jpg) no-repeat left top; }
#navbar #navlinks a.tabindex3 { width: 75px; background: url(images/tab3_off.jpg) no-repeat left top; }
#navbar #navlinks a.tabindex4 { width: 117px; background: url(images/tab4_off.jpg) no-repeat left top; }
#navbar #navlinks a.tabindex5 { width: 73px; background: url(images/tab5_off.jpg) no-repeat left top; }
#navbar #navlinks a.tabindex6 { width: 69px; background: url(images/tab6_off.jpg) no-repeat left top; }

#navbar #navlinks a.tabindex1:hover { background-image: url(images/tab1_hover.jpg); }
#navbar #navlinks a.tabindex2:hover { background-image: url(images/tab2_hover.jpg); }
#navbar #navlinks a.tabindex3:hover { background-image: url(images/tab3_hover.jpg); }
#navbar #navlinks a.tabindex4:hover { background-image: url(images/tab4_hover.jpg); }
#navbar #navlinks a.tabindex5:hover { background-image: url(images/tab5_hover.jpg); }
#navbar #navlinks a.tabindex6:hover { background-image: url(images/tab6_hover.jpg); }

#navbar #navlinks a.tabindex1-here { width: 93px; background: url(images/tab1_on.jpg) no-repeat left top; }
#navbar #navlinks a.tabindex2-here { width: 86px; background: url(images/tab2_on.jpg) no-repeat left top; }
#navbar #navlinks a.tabindex3-here { width: 75px; background: url(images/tab3_on.jpg) no-repeat left top; }
#navbar #navlinks a.tabindex4-here { width: 117px; background: url(images/tab4_on.jpg) no-repeat left top; }
#navbar #navlinks a.tabindex5-here { width: 73px; background: url(images/tab5_on.jpg) no-repeat left top; }
#navbar #navlinks a.tabindex6-here { width: 69px; background: url(images/tab6_on.jpg) no-repeat left top; }

#navbar #tools {
position: absolute;
top: 129px;
left: 600px;
width: 250px;
}

#navbar #tools span {
display: block;
}

#user-identity {
float: right;
padding-right: 16px;
font-size: 11px;
font-weight: bold;
color: #fff;
}

#navbar #tools ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 11px;
float: right;
}

#navbar #tools li {
width: auto;
margin: 0;
margin-right: 1.3em;
padding-right: 1.2em;
border: 0;
float: left;
list-style-image: url(images/list_item.gif);
}
#navbar #tools li.first {
list-style-image: none;
}

#navbar #tools a {
text-decoration: none;
color: #fff;
}

#navbar #tools a:hover {
background-color: transparent;
text-decoration: underline;
}

#navbar #tools a.top-pm-link {
background: url(images/icons/pm_new.gif) no-repeat 0 50%;
padding-left: 18px;
}

#subsections {
display: block;
width: 807px;
margin-left: 8px;
font-size: 11px;
}

#subsections ul {
list-style: none;
margin: 0;
padding:0;
}

#subsections > ul a  {
width:auto;
}

#subsections li {
width: auto;
float: left;
padding: 0px;
background-color: transparent;
margin-right: 1.3em;
padding-right: 1.2em;
list-style-image: url(images/list_item-darker.gif);
}
#subsections li.first {
list-style-image: none;
}

#subsections a  {
text-decoration: none;
color: #1c160e;
}

#subsections a:hover  {
text-decoration: underline;
}

#subsections #activesection  {
text-decoration: underline;
}

#top-banner {
color: #FFFFFF;
margin-left: 251px;
width: 728px;
height: 90px;
padding: 8px 0px 0px 0px;
z-index: 199;
background: url(images/bg_bigbanner.gif) no-repeat left bottom;
}

/*#top-banner span {
display: block;
width: 728px;
height: 90px;
background-color: #70170A;
}*/

/*-Search form-------------------------------*/

#searchform {
position: absolute;
top: 45px;
left: 780px;
width: 210px;
margin: 0;
}

#searchform #searchstring {
width: 170px;
float: left;
border-top: 1px solid #31070B;
border-left: 1px solid #31070B;
border-right: 1px solid #DE808E;
border-bottom: 1px solid #DE808E;
}

#searchform #searchbutton {
height: 18px;
width: 30px;
padding: 0 4px 2px 4px;
border: 0;
font-size: 11px;
color: #FFFFFF;
background-color: #FEA900;
border-top: 1px solid #FEBA00;
border-left: 1px solid #FEBA00;
border-right: 1px solid #CC9600;
border-bottom: 1px solid #CC9600;
}

/*-Location bar-------------------------------*/

#locationbar {
width: 811px;
margin-left: 7px;
color: #581c0d;
font-size: 11px;
}

#locationbar a {
color: #581c0d;
}

#locationbar .location-content {
display: block;
padding: 1px 5px 6px 5px;
}

#apinattv {
font-family: Arial;
font-size: 8pt;
background-image: url(/tv/images/tuubi3.gif);
cursor: pointer;
background-repeat: no-repeat;
padding-left: 80px;
margin-left: 4px;
color: #000000;
height: 25px;
vertical-align: bottom;
}

/*-Page area-------------------------------*/
#page {
}


/*-Footer-------------------------------*/
#footer {
font-size: 11px;
background: url(images/bg_footer.jpg) no-repeat 0 0;
width: 807px;
height: 46px;
}

#footer_basaari {
font-size: 11px;
background: url(images/bg_footer_basaari.jpg) no-repeat 0 0;
width: 990px;
height: 46px;
}

#footer-content {
padding: 4px 0px 0px 40px;
}

#footer #footnote {
margin-top: 9px;
text-align: center;
color: #fff;
}

#footer_basaari #footnote {
margin-top: 9px;
text-align: center;
color: #fff;
}

#footer a {
color: #FFFFFF;
}

#footer_basaari a {
color: #FFFFFF;
}


#footer ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#footer_basaari ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#footer li {
float: left;
list-style-image: url(images/list_item.gif);
margin-right: 1.3em;
padding-right: 1.2em;
}

#footer_basaari li {
float: left;
list-style-image: url(images/list_item.gif);
margin-right: 1.3em;
padding-right: 1.2em;
}

#footer li.first {
list-style-image: none;

}

#footer_basaari li.first {
list-style-image: none;

}


/*-Left Content Area--------*/

#leftcolumn {
}

#leftcolumn img {
margin: 0px 2px 0px 0px;
}

#leftcolumn ul {
list-style-position: outside;
list-style: none;
margin: 0px;
padding: 2px 2px 2px 4px;
line-height: 1.4em;
}

#leftcolumn li {
display: block;
padding: 0px 0px 4px 2px;
margin: 0px 0px 2px 0px;
list-style:none;
}

#leftcolumn table {
line-height: 1.4em;
}

#leftcolumn h2.section {
color: #FFFFFF;
padding: 1px 5px 3px 5px;
background: url(images/bg_title-253.jpg) no-repeat top left;
font-weight: bold;
clear: none;
}

#leftcolumn h3 {
background: url(images/bg_title-253.jpg) no-repeat top left;
color: #FFFFFF;
padding: 2px 0;
}

#leftcolumn th {
text-align: center;
}

#leftcolumn .actions {
clear: both;
margin: 0;
}

#leftcolumn .actions ul {
font-size: 11px;
}

#leftcolumn .actions ul li {
list-style: none;
padding-left: 16px;
}

#leftcolumn .menu {
text-align: center;
border: 1px solid #C0C0C0;
padding: .5em;
margin-bottom: 1em;
}

#leftcolumn .menu ul {
padding: 0;
margin: 0;
font-size: 11px;
}

#leftcolumn .menu ul li {
text-align: center;
padding: 0 4px 0 4px;
}

#leftcolumn .menu ul li a {
display: block;
width: 100%;
}

#loginprompt {
margin: 4px;
padding: 4px;
text-align: center;
background-color:#f7f7f7;
color: #333;
line-height: 1.5em;
}

#loginprompt h1 {
margin-bottom: 0;
font-size: 11px;
text-transform: uppercase;
}

#loginprompt h1 a {
text-decoration: none;
color: #666;
}

#loginprompt h1 a:hover {
background-color: #eee;
}

/*-Right column----------------------------------*/

#right-banner {
display: block;
position: absolute;
/*banner dropped 45 pixels down 16.8.2007 JP
top: 109px;*/
top: 154px;
left: 854px;
color: #FFFFFF;
}

#right-banner span.inner {
display: block;
width: 140px;
min-height: 350px;
/*
background removed 16.8.2007 JP
background-color: #70170A;
border: 1px solid #2b0500;*/
}

/*-Entry form----------------------------------*/

.entryform {
width: 95%;
padding: .4em;
clear: both;
}

.entryform h2 {
font-size: 11px;
font-weight: bold;
}

.entryform .title {
padding: .4em;
margin-bottom: .5em;
}

.entryform .title input {
width: 95%;
padding: .4em;
border: 1px solid #CCCCCC;
}

.entryform .body {
padding: .4em;
margin-bottom: .5em;
}

.entryform .body textarea {
width: 95%;
padding: .4em;
border: 1px solid #CCCCCC;
}

.entryform .body input {
padding: .4em;
border: 1px solid #CCCCCC;
}

.entryform .checkbox {
padding: .4em;
margin-bottom: .5em;
}

.entryform .checkbox input {
padding: .4em;
border: 1px solid #CCCCCC;
}


.entryform .code {
padding: .4em;
margin-bottom: .5em;
}

.entryform .date {
padding: .4em;
margin-bottom: .5em;
float:left;
width: 47.5%;
}

.entryform .category {
padding: .4em;
margin-bottom: .5em;
float: right;
width: 47.5%;
}

.entryform .submit {
clear: both;
padding: .4em;
margin-bottom: .5em;
text-align: center;
}

.entryform .submit input {
padding: .4em;
color: #FFFFFF;
/*background-color: #A02037;
border-top: 1px solid #DE808E;
border-left: 1px solid #DE808E;
border-right: 1px solid #31070B;
border-bottom: 1px solid #31070B;*/
text-decoration: none;
}

/*-Paging-----------------------------------------*/

div.paging {
margin-top: 1em;
padding: 0 0 2px 0;
margin-bottom: 2em;
height: 20px;
}

div.paging div.nav {
float: left;
text-align: left;
padding: 4px 0;
}

div.paging div.nav .nextprev {
padding: .2em .5em;
margin-right: .2em;
}

div.paging div.nav .current {
padding: 2px 5px;
margin-right: .2em;
background-color: #662112;
font-weight: bold;
color: white;
}

div.paging div.nav a {
padding: 2px 5px;
margin-right: .2em;
text-decoration: none;
}

div.paging div.nav a:hover {
text-decoration: underline;
background-color: #dfdfdf;
}

div.paging div.info {
text-align: right;
color: #444444;
}

/*-Static page menu--------------------------------------*/

#pagemenu {
font-size: 11px;
background: #ffedc3 url(images/bg_column.gif) repeat-y top right;
}

#pagemenu div.menubutton {
text-align: center;
padding: 1em;
}

#pagemenu div.menubutton a {
padding: .5em;
color: #333333;
font-weight: bold;
background-color: #FAFAFA;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
text-decoration: none;
background: url(images/bg_button.png);
}

#pagemenutitle {
padding: 12px 0 0 25px;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
height: 28px;
background: url(images/bg_pagemenutitle.png) no-repeat 0 0;
}

#pagetopmenu {
list-style: none;
margin: 0;
padding: 0;
}

#pagetopmenu li {
padding: .1em;
}

#pagetopmenu li a {
color: #662112;
font-weight: bold;
}

#pagetopmenu li.externallink {
}

#ptopen {
font-weight: bold;
}

#pagesubmenu {
font-weight: normal;
list-style: none;
margin: .4em 0;
padding: 0;
}

#pagesubmenu li {
margin-left: .2em;
padding: 0 0 0 4px;
}

#pagesubmenu li a {
}

#psopen {
font-weight: bold;
}

/*-Calendar navigator-----------------------------------------------*/

#calendarnavigator {
clear: both;
position: absolute;
}

#calendarnavigator a {
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
text-decoration: none;
display: block;
width: 90px;
padding: 5px 10px 5px 10px;
border-top: 1px solid #DE808E;
border-left: 1px solid #DE808E;
border-right: 1px solid #31070B;
border-bottom: 1px solid #31070B;
}

#calendarnavigator a:hover {
text-decoration: underline;
}

#nextmonth {
position: absolute;
left: 425px;
width: 110px;
text-align: left;
}

#nextmonth a {
background: url(images/icons/page_forward.gif) no-repeat 92% 50%;
background-color: #662112;
font-size: 11px;
}

#monthname {
position: absolute;
left: 115px;
width: 325px;
text-align: center;
display: block;
font-size: 12px;
font-weight: bold;
color: #662112;
padding: .4em 0;
}

#previousmonth {
background-color: #662112;
position: absolute;
width: 110px;
text-align: right;
}

#previousmonth a {
background: url(images/icons/page_back.gif) no-repeat 8% 50%;
background-color: #662112;
font-size: 11px;
}

/*-Remaining layout--------------------------------------*/

div.promptmessage {
min-height: 55px;
clear:both;
padding: 1em 1.5em 1.5em 90px;
margin: 0 0 1em 0;
border: 1px solid #43100d;
background: url(images/icons/messagebox_info.png) no-repeat .5em .7em;
color: #662112;
}

div.errormessage {
min-height: 55px;
clear:both;
padding: 1em 1.5em 1.5em 90px;
margin: 0 0 1em 0;
border: 1px solid #43100d;
background: url(images/icons/messagebox_warning.png) no-repeat .5em .7em;
color: #662112;
}

div.infomessage {
min-height: 55px;
clear:both;
padding: 1em 1.5em 1.5em 90px;
margin: 0 0 1em 0;
border: 1px solid #43100d;
background: url(images/icons/messagebox_info.png) no-repeat .5em .7em;
color: #662112;
}

.highlight {
color: #662112;
font-weight: normal;
}

.alerttext {
color: #ff0000
}

div.searchbox {
text-align: center;
margin-bottom: 10px;
}

div.searchbox input[type="text"] {
margin-top: .5em;
width: 60%;
border: 1px solid #AAAAAA;
}

div.searchbox input[type="radio"] {
clear: left;
}

div.searchbox input[type="submit"] {
/*background-color: #A02037;
border-top: 1px solid #DE808E;
border-left: 1px solid #DE808E;
border-right: 1px solid #31070B;
border-bottom: 1px solid #31070B;*/
text-decoration: none;
color: #FFFFFF;
}

div.searchbox input[type="image"] {
position: relative;
top: 4px;
}

#infocontainer {
text-align: center;
font-size: 11px;
padding: 4px;
margin: 12px 0 12px 0;
}

#infocontainer .subinfo {
color: #666666;
}

#infocontainer .maininfo {
font-weight: bold;
}

.hot {
color: #FF3300;
}

.nothot {
color: #666666;
}

.timestamp {
color: #666666;
}

#pageattachments {
background: url(images/page-attachments-bg.png) no-repeat 100% 100%;
margin-bottom: 1em;
padding-right: .5em;
padding-left: .5em;
padding-bottom: 2em;
}

/*-Handset-------------------------------------*/

#handset {
width: 270px;
height: 255px;
color: #414141;
background: url(images/handset/bg_handset.jpg) no-repeat 0 0;
font-size: 11px;
margin-left: -11px;
}

#handset img {
}

#handset.removing #handset-content {
background: url(images/handset/removing_bg.gif) no-repeat 50% 50%;
}

#handset.sending #handset-content {
background: url(images/handset/sending_bg.gif) no-repeat 50% 50%;
}

#handset.saving #handset-content {
background: url(images/handset/saving_bg.gif) no-repeat 50% 50%;
}

#handset a {
color: #414141;
text-decoration: underline;
cursor: pointer;
}

#handset h2 {
color: #414141;
font-weight: bold;
}

#handset h3 {
background: transparent;
text-align: left;
}

#handset a:hover {
cursor: pointer;
}

#handset fieldset {
border-width: 2px 0 0 0;
border-width: 0px;
padding: 0px;
margin: 0px;
}

#handset fieldset legend {
font-weight: bold;
}

#handset-blurb {
position: relative;
padding: 5px;
width: 155px;
height: 118px;
left: 53px;
top: 52px;
font-size: 10px;
}

#handset-blurb #handset-register {
display: block;
float: left;
width: 94px;
height: 18px;
background-color: #F18E00;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
padding: 6px 0 2px 0;
text-align: center;
font-size: 10px;
}

#handset-blurb #handset-login {
display: block;
float: left;
width: 65px;
height: 22px;
background-color: #0080E3;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
padding: 2px 4px;
font-size: 10px;
margin-left: 5px;
line-height: 1.2em;
}

#handset-content {
position: relative;
left: 53px;
top: 45px;
padding: 0px;
width: 168px;
height: 145px;
border-bottom: 1px solid #dfdfdf;
overflow: auto;
}

#handset-message {
font-size: 11px;
}

#handset-balance {
font-size: 10px;
color: #662112;
font-weight: bold;
border-bottom: 1px solid #dfdfdf;
text-align: center;
}

#handset-mainmenu {
position: relative;
top: 10px;
font-weight: bold;
text-align: center;
}

#handset-mainmenu a {
display: block;
}

#handset-mainmenu li:hover {
text-decoration: underline;
}

#handset-softleft {
position: relative;
top: 48px;
left: 53px;
float: left;
font-size: 12px;
}

/* height problem in sms-page, fixed with this */
#handset-softleft2 {
position: relative;
top: 46px;
left: 53px;
float: left;
font-size: 11px;
}

#handset-softright {
position: relative;
top: 48px;
padding-right: 53px;
float: right;
font-size: 12px;
}

/* height problem in sms-page, fixed with this */
#handset-softright2 {
position: relative;
top: 46px;
padding-right: 53px;
float: right;
font-size: 11px;
}

#handset-softright a, #handset-softleft a {
font-size: 11px;
}

#handset-smsarea {
height: 122px;
width: 166px;
border: none;
border-top: 1px solid #dfdfdf;
background: transparent;
font-size: 11px;
overflow: auto;
}

#handset-charcount {
position: absolute;
display: block;
left: 141px;
background: #dfdfdf;
padding: 0px 2px 0px 4px;
}

#handset-softmenu {
position: relative;
top: 2px;
left: -3px;
background: #fff;
border: 1px solid #6d7075;
border-width: 1px 1px 1px 1px;
display: block;
z-index: 1;
}

#handset-softmenu li:hover {
text-decoration: underline;
}

#handset-softmenu a {
display: block;
padding-right: 4px;
}

#handset-recipients a:hover {
text-decoration: underline;
}

#handset-sendtype[value="msisdn"] {
border: 1px solid #dfdfdf;
font-size: 11px;
width: 166px;
margin-top: 10px;
}

#handset-recipient {
margin-top: 10px;
width: 164px;
border: 1px solid #dfdfdf;
font-size: 11px;
}

#handset-index-ad {
position: relative;
top: 48px;
text-align: center;
font-size: 11px;
font-weight: bold;
}

#handset-index-ad a {
text-decoration: underline;
}

#handset-index-ad a:hover {
text-decoration: underline;
}

#handset select {
margin-top: 10px;
width: 164px;
border: 1px solid #dfdfdf;
font-size: 11px;
}

#handset .submit-button {
border: 1px solid #dfdfdf;
}

#handset .info-box {
margin-bottom: 0;
}

/*-MSISDN verification--------------------------------*/

#msisdn-status {
padding: 10px 0;
font-size: 12px;
font-weight: bold;
}

#msisdn-is-verified {
background: url(images/icons/button_ok.gif) no-repeat 0 0;
padding-left: 20px
}

#msisdn-not-verified {
background: url(images/icons/waiting.gif) no-repeat 0 0;
padding-left: 20px
}
