/*Compact css for a fast download*/
html,body{ margin: 0; padding: 0; }
body{ background-color: #F0F0F1; font: 15px "MS Sans Serif",Tahoma,sans-serif; letter-spacing: 0px; text-align: center; }
#container,#head,navigation{ text-align: left; }
div#container{ width: 730px; margin: 0 auto; margin-left: auto; margin-right: auto; background-color: #FFFFFF; border-width: 2px 2px 2px 2px; border-color: #FFFFFF; border-style: groove; }

/*Generics Links*/
a{ color: #666666; text-decoration: none; }
a:hover { color: #cbcbcb; text-decoration: underline; }
a img{ border: none;}
a.faq{ color: #000000; font-size: 11px; font-weight: bold; margin-left: 2px; padding-top: 2px; }
a.top-nav { color: #F0F0F1; font-size: 11px; font-family: sans-serif; text-decoration: none; font-weight: bold; }
a:hover.top-nav { color: #95c1f3; }
a.services { color: #5882d4; }
a:hover.services { text-decoration: none; }
hr{ border: 1px dotted #000; }
.hr{ padding-bottom: 15px; border-bottom: 1px solid #ddd; }
span.red{ visibility: visible; color: #fff; background-color: #5882d4; padding: 3px; padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: 13px; letter-spacing: -1px; margin-left: 25px; border-bottom: 2px solid #000; border-right: 2px solid #000; }
address a, .blk { color: Black; }

/* Headers */
h1{ letter-spacing: 0px; }
h2{ color: #666666; letter-spacing: 1px; font-size: 16px; font-weight: bold; text-decoration: underline; padding-left: 10px; padding-top: 10px; }
h2:first-letter{ color: #000000; font-size: 18px; }
h3{ color: #5882d4; letter-spacing: 0px; font-size: 16px; font-weight: bold; text-decoration: underline; padding-left: 10px; padding-top: 10px; }
#head h1 { font-size: 18px; padding: 0px 0px 0px 450px; margin: 25px 0px 18px 0px; color: #eeeeee; }
#head { color: #5882d4; border-bottom: 0px solid #000; background: url(../images/header.gif) no-repeat; }
#head{ background-color: #2e2e2e; padding: 15px 10px 10px 10px; }
.firstl{ font-weight: bold; color: #666666; }
.firstl,#logo { visibility: visible; }
sup{ letter-spacing: -1px; visibility: visible; }
.white { color: #eeeeee; font-size: 16px; }

/* Fonts */
p{ line-height: 19px; text-align: left; margin-left: 15px; }
p.p2{ line-height: 13px; }
acronym { font-size: 14px; font-weight: bold; letter-spacing: 0px; color: #666666; }
#subtitle{ margin: 4px 0px 0px 460px; padding: 0px 0px 0px 0px; }
blockquote p{ font-style: italic; background: url(../images/blockbg.gif) no-repeat 10px 0px; text-indent: 35px; margin: -5px; line-height: 14px; padding: 8px 0px 0px 5px; width: 100%; }

/* Content layout */
#content_container{ width: 570px; padding: 0px 0px 0px 10px; border: 0; margin: 0; /* False margin value for all versions of IE Win, including 6.0 */ margin: 10px 0px 0px 60px; }
#content_container p { color: #000000; font-weight: normal; }
#content_container th { font-weight: bold; letter-spacing: 0px; color: #5882d4; }
#content_container a { font-weight: bold; letter-spacing: 0px; text-decoration: underline; }
#content_container a:hover.text-hdr { text-decoration: underline; color: #cbcbcb; }
#content_container .text-hdr { font-weight: bold; font-size: 13px; text-decoration: underline; }
#content_container a.services { font-weight: bold; letter-spacing: 0px; font-size: 12px; text-decoration: underline; }
.box{ text-align: left; padding: 10px; background-color: #F4F5F5; border-width: 1px 0px 1px 0px; border-color: #000000; border-style: groove; margin: 20px 0px 0px 0px; }
.box p{ font-size: 11px; margin-left: 10px; margin-right: 10px; margin-top: 1px; line-height: 16px; }
#info_container{ width: 400px; padding: 0px 0px 0px 10px; border: 0; margin: 0; }

/* Footer */
#footer{ clear: both; background-color: #cbcbcb; color: #757575; /*height; 100px;*/ margin: 45px 25px 10px 25px; padding: 5px; font-size: 11px; font-weight: bold; border-width: 3px 3px 3px 3px; border-color: #eeeeee; border-style: groove; }
#small{ margin-left: 12px; width: 450px; }
#small p{ line-height: 14px; font-size: 11px; font-weight: bold; }
#small a { color: #757575; text-decoration: none; }
#small a:hover { color: #FFFFFF; text-transform: uppercase; text-decoration: underline; }
table.footer{ margin: 0px 20px 0px 20px; }
td.footer { text-align: center; border-width: 0px 0px 0px 0px; border-color: #000000; border-style: groove; margin-top: 2px; margin-bottom: 2px; }

table.content{ margin: 0px 30px 0px 10px; }
td.content { border-width: 0px 0px 0px 0px; border-color: #000000; border-style: groove; margin-top: 2px; margin-bottom: 2px; }
#content-left{ text-align: left; padding: 7px; background-color: #F4F5F5; border-width: 1px 0px 1px 0px; border-color: #000000; border-style: groove; margin: 0px 0px 0px 0px; width: 270px; }
#content-left p { color: #000000; text-align: left; font-weight: normal; line-height: 15px; margin: 0px 0px 10px 0px; }
#content-left p.right-align { color: #000000; text-align: right; font-weight: normal; line-height: 15px; margin: 0px 20px 10px 0px; }
#content-left p.warn { line-height: 13px; color: #000000; font-size: 12px; font-weight: normal; text-align: right; }
#content-left p.text-hdr { font-weight: bold; letter-spacing: -1px; color: #000000; }
#content-left p.box-hdr{ font-weight: normal; }
#content-right{ text-align: left; padding: 0px 0px 10px 10px; background-color: #FFFFFF; border: 0px solid #B9B7B7; margin: 0px 0px 0px 0px; width: 160px; }
#content-right p { color: #5882d4; letter-spacing: 0px; font-weight: normal; font-size: 12px; line-height: 15px; margin: 0px 0px 6px 0px; }
#content-right p.info-error { color: #5882d4; letter-spacing: 0px; font-weight: bold; font-size: 12px; line-height: 15px; margin: 0px 0px 2px 0px; }
#content-right a { color: #5882d4; text-decoration: underline; letter-spacing: 0px; }
#content-right a:hover { color: #000000; }

.form-right { margin-top: 4px; margin-bottom: 5px; margin-left: 0px; margin-right: 20px; text-align: right; }


/* Set table layout for displaying stuff. ---is this used anywhere??? */
table.display-table { width: 440px; border-width: 0px 0px 0px 0px; border-color: #000000; border-style: groove; padding: 0px; margin: 0 auto; margin-left: auto; margin-right: auto; text-align: left; }
.display-table { font-weight: normal; letter-spacing: 0px; color: #000000; font-size: 11px; }
table.display-table-small { width: 240px; border-width: 0px 0px 0px 0px; border-color: #000000; border-style: groove; padding: 0px; margin: 0 auto; margin-left: auto; margin-right: auto; text-align: left; }
.display-table-small { font-weight: normal; letter-spacing: 0px; color: #000000; font-size: 11px; }

#submit{ text-align: left; padding: 0px 10px 10px 10px; border: 0px solid #000000; margin: 0px 0px 0px 0px; }
#submit input { color: #FFFFFF; background-color: #5882d4; width: 150px; height: 30px; font-size: 12px; font-weight: bold; font-style: normal; border-style: outset; border-width: 3px; }

/* Set size of input boxes. */
.input-box { width: 200px; }
.input-area { height: 120px; width: 240px; }
.input-area-small { height: 100px; width: 230px; }
.select-box { width: 205px; margin: 0; padding: 0; }

/*Preload images hover*/
#themes{ width: 200px; height: 50px; }
#cs01,#cs02,#cs03{ float: left; width: 40px; }

/*Change Skin*/
#cs01 a{ background: url(../images/buttons/theme_red_blue.gif) no-repeat; display: block; margin: 0px 5px 0px 0px; padding: 0px; width: 30px; height: 30px; }
#cs01 a:hover { background: url(../images/buttons/theme_red_blue_hover.gif) no-repeat; margin: 0px 5px 0px 0px; }
#cs02 a{ background: url(../images/buttons/theme_green_blue.gif) no-repeat; display: block; margin: 0px 5px 0px 0px; padding: 0px; width: 30px; height: 30px; }
#cs02 a:hover { background: url(../images/buttons/theme_green_blue_hover.gif) no-repeat; margin: 0px 5px 0px 0px; }
#cs03 a{ background: url(../images/buttons/theme_blue_blue.gif) no-repeat; display: block; margin: 0px 5px 0px 0px; padding: 0px; width: 30px; height: 30px; }
#cs03 a:hover { background: url(../images/buttons/theme_blue_blue_hover.gif) no-repeat; margin: 0px 5px 0px 0px; }
/*End c_skin*/

/* Images */
.photo{ float: right; margin-top: 20px; margin-left: 8px; margin-bottom: 8px; }
.photo_hdr{ margin-top: 0px; margin-left: 8px; margin-bottom: 4px; }
.logo{ float: left; margin-top: 20px; margin-left: 8px; margin-bottom: 8px; }
.picture{ float: left; margin-top: 0px; margin-left: 4px; margin-right: 6px; margin-bottom: 0px; }


/*Navigation Menu - This navigation menu suffers the flickering**/
#navigation{ float: left; width: 180px; position: relative; margin-bottom: 10px; margin-top: 4px; background-color: #cccccc; padding-bottom: 10px; border-width: 2px 2px 2px 2px; border-color: #eeeeee; border-style: groove; }
#navcontainer { width: 175px; }
#navigation ul { margin: 3px 0px 0px 4px; padding: 0px 0px 0px 1px; list-style-type: none; font-size: 11px; font-weight: bold; }
#navigation a { display: block; padding: 6px; width: 150px; color: #F0F0F1; font: 11px sans-serif; font-weight: normal; background-color: #000000; border-top: 0px solid #F0F0F1; border-bottom: 1px solid #F0F0F1; border-right: 1px solid #666666; border-left: 1px solid #666666; line-height: 15px; text-decoration: none; }
#navigation a:hover { background-color: #95c1f3; color: #ffffff; border-top: 0px solid #666666; border-bottom: 1px solid #666666; border-right: 1px solid #F0F0F1; border-left: 1px solid #F0F0F1; }
ul#navlist { margin-top: 15px; }
li#text_messaging a{ background: #666666 url(../images/icon/08.gif) no-repeat 135px 5px; }
li#two_way a { background: #666666 url(../images/icon/03.gif) no-repeat 135px 5px; }
li#text_voting a{ background: #666666 url(../images/icon/04.gif) no-repeat 135px 5px; }
li#sms_competitions a { background: #666666 url(../images/icon/02.gif) no-repeat 135px 5px; }
li#mobile_marketing a { background: #666666 url(../images/icon/05.gif) no-repeat 135px 5px; }
li#mailing_lists a { background: #666666 url(../images/icon/skin.gif) no-repeat 135px 5px; }
li#mobile_alerts a { background: #666666 url(../images/icon/03.gif) no-repeat 135px 5px; }
li#premium_rate a { background: #666666 url(../images/icon/06.gif) no-repeat 135px 5px; }
li#mms a{ background: #666666 url(../images/icon/04.gif) no-repeat 135px 5px; }
li#web_services a{ background: #666666 url(../images/icon/01.gif) no-repeat 135px 5px; }
li#personal_texting a { background: #666666 url(../images/icon/07.gif) no-repeat 135px 5px; }

li#login a { background: #666666 url(../images/icon/04.gif) no-repeat 135px 5px; }
li#send_messages a { background: #666666 url(../images/icon/08.gif) no-repeat 135px 5px; }
li#receive_messages a { background: #666666 url(../images/icon/03.gif) no-repeat 135px 5px; }
li#job_summary a { background: #666666 url(../images/icon/02.gif) no-repeat 135px 5px; }
li#groups_contacts a{ background: #666666 url(../images/icon/05.gif) no-repeat 135px 5px; }
li#account_details a { background: #666666 url(../images/icon/06.gif) no-repeat 135px 5px; }
li#purchase_messages a { background: #666666 url(../images/icon/07.gif) no-repeat 135px 5px; }
li#logout a { background: #666666 url(../images/icon/08.gif) no-repeat 135px 5px; }