/* GLOBAL */
*
{
padding: 0px;
margin:0px auto;
}
html
{
height: 100%;
margin: 0px;
padding: 0px;
}
body 
{
margin: 0px;
padding: 20px;
height: 100%;
font-size: 13px;
font-family: Arial, Verdana, Tahoma, Georgia, "Times New Roman", Times, serif;
line-height: 16px;
background: #ffffff;
color: #4B6767;
}
p,center,div,form,img,input,table,td,tr,input,h1,h2,h3,a,br,object,embed,ul,li,br,button
{
margin: 0px;
color: #4B6767;
padding: 0px;
border: 0px;
font-size: 13px;
font-family: Arial, Verdana, Tahoma, Georgia, "Times New Roman", Times, serif;
}
input.txt, .form .content input.txt
{
color: #9aaaaa;
border: 2px solid #c2d3d3;
padding: 0px 3px 2px 5px;
height: 17px;
font-size: 13px;
line-height: 14px;
font-weight: bold;
}
select
{
color: #9aaaaa;
border: 2px solid #c2d3d3;
font-size: 13px;
line-height: 14px;
font-weight: bold;
}
option
{
color: #9aaaaa;
padding: 0px 3px 0px 5px;
font-size: 13px;
line-height: 14px;
font-weight: bold;
}
textarea
{
color: #9aaaaa;
border: 2px solid #c2d3d3;
padding: 0px 3px 2px 5px;
font-size: 13px;
line-height: 14px;
font-weight: bold;
}
br
{
width: 0px;
height: 0px;

}
a
{
color: #2b565a;
}
a:hover
{
color: #6cbb03;
}
a:visited
{
color: #659090;
}

.clear
{
clear:both;
padding: 0px;
margin: 0px;
height: 0px;
width: 0px;
}
.white
{
background: #ffffff;
}
.nomargin
{
margin: 0px
}
.nopadding
{
padding: 0px
}
.floatLeft
{
float: left
}
.floatRight
{
float: right
}
.bottomAlign
{
vertical-align: bottom
}
.topAlign
{
vertical-align: top
}
.centerAlign
{
text-align: center
}
.strong
{
font-weight: bold
}
.noborder
{
border: 0px
}
.nobackground
{
background: none
}
.preload
{
display: none
}
.padding15bottom
{
padding-bottom: 15px
}
.margin40right
{
margin-right: 40px
}
.mt
{
margin-top: 28px;
}
.mr
{
margin-right: 33px;
}


/* MAIN */
h1
{
background: url("../../images/title_bullet.gif") no-repeat bottom left;
height: 23px;
width: 230px;
font-size: 24px;
line-height: 24px;
padding-left: 35px;
color: #2B5559;
margin: 20px;
margin-bottom: 50px
}
.btn
{
height: 27px;
width: 90px;
padding-top: 4px;
font-size: 18px;
line-height: 18px;
color: #ffffff;
text-align: center;
cursor: pointer;
font-weight: bold;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif
}
.btn_01
{
background: url("../../images/button_01.gif") no-repeat bottom left;
}
.btn_01:hover
{
background: url("../../images/button_01_over.gif") no-repeat bottom left;
}
.btn_02
{
background: url("../../images/button_02.gif") no-repeat bottom left;
margin-left: 10px
}
.btn_02:hover
{
background: url("../../images/button_02_over.gif") no-repeat bottom left;
margin-left: 10px
}
.btn_03
{
width: 209px;
background: url("../../images/button_03.gif") no-repeat bottom left;
margin-left: 10px
}
.btn_03:hover
{
background: url("../../images/button_03_over.gif") no-repeat bottom left;
margin-left: 10px
}
.btn_04
{
width: 209px;
background: url("../../images/button_04.gif") no-repeat bottom left;
margin-left: 10px
}
.btn_04:hover
{
background: url("../../images/button_04_over.gif") no-repeat bottom left;
margin-left: 10px
}
.status
{
width: 209px;
background: url("../../images/status_bg.gif") no-repeat bottom left;
margin-left: 10px;
color: #7a9696;
font-weight: normal;
cursor: default;
}
.legend
{
padding: 20px 0px 0px 100px;
}
.legend p
{
margin-top: 5px;
width: 400px;
font-weight: bold
}
.legend img
{
margin-left: 5px;
margin-right: 10px
}
h3 strong
{
color: #011b1e
}

/* INFO */
.info
{
background: #eaf0f0;
height: auto;
padding: 15px 15px 0px 15px;
margin-bottom: 10px;
display: none;
border: 1px solid #afc3c3;
border-top: 0px
}
.info p
{
margin-bottom: 10px
}
/* ADDED by netspark*/
.info_a
{
background: #eaf0f0;
height: auto;
padding: 15px 15px 0px 15px;
margin-bottom: 10px;
display: none;
border: 1px solid #afc3c3;
}
.info_a p
{
margin-bottom: 10px
}

.btn-slide, .btn-slide2, .btn-slide3, .btn-slide4, .btn-slide5, .btn-slide6, .btn-slide7, .btn-slide8, .btn-slide9, .btn-slide10, .btn-slide11, .btn-slide12, .btn-slide13, .btn-slide14, .btn-slide15
{
height:23px;
margin: 0px;
}


/* SUBBOX */
.subbox
{
width: 963px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
.subboxTop
{
background: url("../../images/subbox_top_border.gif") bottom repeat-x;
height: 10px;
}
.subboxTop .cornerTopLeft
{
background: url("../../images/subbox_top_left.gif") left bottom no-repeat;
height: 10px;
width: 10px;
}
.subboxTop .cornerTopRight
{
background: url("../../images/subbox_top_right.gif") right bottom no-repeat;
height: 10px;
width: 10px;
}
.subboxContent
{
border-left: 1px solid #d4e0e0;
border-right: 1px solid #d4e0e0;
background: #f4f7f7;
padding: 20px;
padding-bottom: 5px;
*zoom:1
}
.subboxBottom
{
background: url("../../images/subbox_bottom_border.gif") top repeat-x;
height: 10px;
}
.subboxBottom .cornerBottomLeft
{
background: url("../../images/subbox_bottom_left.gif") left top no-repeat;
height: 10px;
width: 10px;
*zoom:1
}
.subboxBottom .cornerBottomRight
{
background: url("../../images/subbox_bottom_right.gif") right top no-repeat;
height: 10px;
width: 10px;
*zoom:1
}
.subboxContent ul.general
{
list-style: none;
margin-top: 10px;
margin-left: 40px
}
.subboxContent ul.general li
{
background: url("../../images/bullet.gif") left no-repeat;
padding-left: 20px;
font-size: 15px;
line-height: 15px;
margin-bottom: 5px;
color: #4B6767;
}
/* Box Grey */
.boxGrey
{
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
width: 650px;
text-align: center;
}
.contentLogin .boxGrey
{
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
width: 424px;
text-align: center;
}
.boxGreyTop, .boxGreyBottom
{
background: #f0f4f4;
height: 10px;
}
.boxGreyTop .cornerTopLeft
{
background: url("../../images/boxgrey_top_left.gif") left top no-repeat;
height: 10px;
width: 10px;
*zoom:1;
}
.boxGreyTop .cornerTopRight
{
background: url("../../images/boxgrey_top_right.gif") right top no-repeat;
height: 10px;
width: 10px;
*zoom:1;
}
.boxGreyContent
{
background: #f0f4f4;
padding: 20px 20px 10px 20px;
}
.boxGreyContent2
{
background: #f0f4f4;
padding: 3px 15px 3px 30px;
text-align: left
}
.boxGreyContent3
{
background: #f0f4f4;
padding: 0px 15px 10px 30px;
text-align: left!important;
}
.boxGreyContent3 div
{
color: #2b565a!important;
text-align: left!important;
font-weight: normal
}
.boxGreyContent3 div p
{
margin-top: 7px
}
.boxGreyContent3 a
{
font-size: 14px;
font-weight: bold!important;
color: #2b565a!important;
line-height: 14px
}
.boxGreyContent3 a:hover
{
color: #6cbb03!important
}
.boxGreyContent3 a:visited
{
color: #659090!important;
}
.boxGreyContent p
{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: right;
padding-right: 45px;
font-size: 15px;
}
.boxGreyContent label
{
font-size: 15px;
}

/*Additional classes added by netspark*/
.boxWhiteContent3
{
background: #ffffff;
padding: 0px 15px 10px 30px;
text-align: left!important;
}
.boxWhiteContent3 div
{
color: #ffffff!important;
text-align: left!important;
font-weight: normal
}
.boxWhiteContent3 div p
{
margin-top: 7px
}
.boxWhiteContent3 a
{
font-size: 14px;
font-weight: bold!important;
color: #2b565a!important;
line-height: 14px
}
.boxWhiteContent3 a:hover
{
color: #6cbb03!important
}
.boxWhiteContent3 a:visited
{
color: #659090!important;
}
/*------------------------------------*/

.contentSupport .boxGreyContent p
{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: right;
width: 340px;
font-size: 15px;
}
.boxGreyBottom .cornerBottomLeft
{
background: url("../../images/boxgrey_bottom_left.gif") left bottom no-repeat;
height: 10px;
width: 10px;
}
.boxGreyBottom .cornerBottomRight
{
background: url("../../images/boxgrey_bottom_right.gif") left bottom no-repeat;
height: 10px;
width: 10px;
}
/* Line Grey support */
.lineGrey
{
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
width: 650px;
text-align: center;
}
.lineGreyTop, .lineGreyBottom
{
background: #e1eaea;
height: 10px;
}
.lineGreyTop .cornerTopLeft
{
background: url("../../images/linegrey_top_left.gif") left bottom no-repeat;
height: 10px;
width: 10px;
*zoom:1;
}
.lineGreyTop .cornerTopRight
{
background: url("../../images/linegrey_top_right.gif") right bottom no-repeat;
height: 10px;
width: 10px;
*zoom:1;
}
.lineGreyContent
{
background: #e1eaea;
padding: 3px 15px 3px 30px;
text-align: left
}
.lineGreyContent p
{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: right;
padding-right: 45px;
font-size: 15px;
}
.contentSupport .lineGreyContent p
{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: right;
width: 340px;
font-size: 15px;
}
.lineGreyBottom .cornerBottomLeft
{
background: url("../../images/linegrey_bottom_left.gif") left top no-repeat;
height: 10px;
width: 10px;
}
.lineGreyBottom .cornerBottomRight
{
background: url("../../images/linegrey_bottom_right.gif") left top no-repeat;
height: 10px;
width: 10px;
}
/* admin password, suuport, login and usage report */
.form .contentPassword, .form .contentUsage, .form .contentHelp, .form .contentSupport, .form .contentFAQ
{
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
padding: 15px;
width: 670px;
background: url("../../images/form_background.gif") repeat-y;
font-weight: bold;
font-size: 16px;
}
.loginDiv
{
text-align: left;
width: 520px;
margin: 0px 30px 0px 30px;
*margin: 0px 30px 0px 15px;
}
.subloginDiv
{
text-align: left;
width: 279px;
margin-left: 30px;
}
.loginForm .contentLogin
{
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
padding: 15px;
width: 494px;
background: url("../../images/formlogin_background.gif") repeat-y;
font-weight: bold;
font-size: 16px;
}
.loginSubForm .contentLoginSubForm
{
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
padding: 15px;
width: 249px;
background: url("../../images/formlogin_sub_background.gif") repeat-y;
font-weight: bold;
font-size: 16px;
text-align: left
}
.form .contentPassword input
{
width: 300px;
margin-left: 6px
}
.form .contentUsage input
{
width: 100px;
margin-left: 6px
}
.form .contentSupport input
{
width: 200px;
margin-left: 6px
}
.form .contentSupport input.checkbox
{
width: 20px;
margin-left: 6px
}
.form .contentSupport select
{
width: 211px;
margin-left: 6px
}
.form .contentSupport textarea
{
width: 330px;
padding-top: 10px;
height: 100px;
}
.contentFAQ ul.general
{
list-style: none;
margin: 5px 0px 20px 20px
}
.contentFAQ ul.general li
{
background: url("../../images/bullet.gif") left no-repeat;
text-align: left;
padding-left: 20px;
font-size: 13px;
line-height: 13px;
margin-bottom: 5px;
color: #4B6767;
}
ul.questionsList
{
list-style: none!important;
margin-top: 10px;
text-align: left;
}
ul.questionsList li
{
min-height: 26px!important;
height:auto !important;
height:26px;
margin: 0px;
padding: 8px 0px 8px 10px
}
ul.questionsList li.grey
{
background: #f0f4f4!important;
}
.questionsList li a
{
font-size: 14px;
font-weight: bold!important;
color: #2b565a!important;
line-height: 14px
}
.questionsList li a:hover
{
color: #6cbb03!important
}
.questionsList li a:visited
{
color: #659090!important;
}
.contentFAQ h2
{
text-align: left;
font-size: 23px;
line-height: 23px;
font-weight: normal;
color: #4c989e;
margin: 20px 0px 20px 0px
}
.contentFAQ select
{
width: 250px
}
.form .contentPassword .footer
{
width: 480px;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
font-weight: normal;
text-align: left
}
.form .contentPassword .footer p
{
text-align: left;
margin-bottom: 5px;
font-size: 13px
}
.form .contentPassword .buttons
{
height: 37px;
width: 190px;
margin-left: auto;
margin-top: 10px
}
.form .contentUsage .buttons
{
height: 37px;
width: 190px;
margin-left: auto;
margin-right: auto;
margin-top: 10px
}
.form .contentUsage p
{
width: 330px;
margin-right: 110px;
}
.form .contentSupport .footer
{
padding-top: 20px;
text-align: center;
margin-left: auto;
margin-right: auto;
font-weight: normal;
text-align: left
}
.form .contentSupport .footer p
{
text-align: center;
margin-bottom: 5px;
font-size: 13px
}
.form .contentSupport .buttons
{
height: 37px;
width: 190px;
margin-left: auto;
margin-right: auto;
margin-top: 10px
}
.loginForm .contentLogin .footer
{
width: 430px;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
font-weight: normal;
text-align: left
}
.loginForm .contentLogin .footer p
{
text-align: left;
margin-bottom: 5px;
font-size: 13px
}
.loginForm .contentLogin .buttons
{
height: 37px;
width: 190px;
margin-left: auto;
margin-top: 10px
}
.loginSubForm .contentLoginSubForm ul
{
list-style: none;
margin-top: 10px;
}
.loginSubForm .contentLoginSubForm ul li
{
background: url("../../images/bullet.gif") left no-repeat;
padding-left: 16px;
margin-bottom: 5px;
color: #4B6767!important;
font-size: 12px;
line-height: 14px;
}
.loginSubForm .contentLoginSubForm ul li.noBullet
{
background: none;
padding-left: 0px;
margin-bottom: 5px;
color: #4B6767!important;
font-size: 13px;
line-height: 15px;
padding-bottom: 5px;
}
.loginSubForm .contentLoginSubForm ul li a
{
color: #4B6767!important;
font-size: 12px;
}
.loginSubForm .contentLoginSubForm ul li a:hover
{
color: #6cbb03!important
}
/* TIME DAY TABLE */
.subboxContent table
{
margin-top: 15px;
}
.subboxContent table td
{
border-right: 1px solid white;
border-bottom: 1px solid white;
background: #e1eaea;
width: 40px; 
height: 31px;
font-weight: bold;
color: #4B6767;
text-align: center;
cursor: pointer
}
.subboxContent table td:hover, .subboxContent table tr.hoursTitle td:hover
{
/*background: #d3dfdf*/
}
.subboxContent table td:active, .subboxContent table tr.hoursTitle td:active
{
background: #e06e5c
}
.subboxContent table tr.hoursTitle td
{
background: #d3e4e1;
font-size: 10px;
text-align: center;
font-family: tahoma
}
.subboxContent table tr.hoursTitle td sup
{
font-size: 8px;
}
.subboxContent table tr.hoursTitle td.dayhour
{
background: url("../../images/time_day.gif") left no-repeat;
width: 91px;
height: 31px;
font-size: 9px;
vertical-align: top;
cursor: default
}
.subboxContent table p.hour
{
margin-right: 4px;
color: #718181
}
.subboxContent table p.day
{
margin-left: 6px;
margin-top: 11px;
color: #718181
}
.subboxContent table .hours .day
{
text-align: left;
padding-left: 6px;
background: #d3e4e1;
font-size: 12px
}
/*ADDED by Netspark*/
.hours .h_on
{
background: #e06e5c
}
/*-----------------*/
/* STATUS CHOOSING */
.tt_dropdown 
{
margin-top: -26px;
margin-left: 337px;
height: 22px; 
width: 67px; 
/*background: url("../../images/bullets_bg.png") right top no-repeat;*/
text-align: center;
padding-top: 3px;
}
.tt_dropdown img
{
margin: 0px 2px 0px 2px
}

/* LIST */
.lists
{
width: 824px;
margin-left: auto;
margin-right: auto;
margin-top: 15px
}
ul.list
{
background: url("../../images/list_bg.gif") left top repeat-y;
list-style: none;
width: 385px;
/*height: 174px;*/
height: 116px;
margin: 0px;
margin-right: -11px;
}
.list li
{
background: none;
cursor: pointer;
height: 24px;
line-height: 17px;
padding: 5px 0px 0px 15px;
margin: 0px;
}
.list li.left35
{
padding-left: 35px
}
.list li.bulletGreen
{
background: url("../../images/bullet_green.gif") 345px 6px no-repeat;
}
.list li.bulletYellow
{
background: url("../../images/bullet_yellow.gif") 345px 6px no-repeat;
}
.list li.bulletRed
{
background: url("../../images/bullet_red.gif") 345px 6px no-repeat;
}

/* tab 1 */

.listFooter
{
margin-left: auto;
margin-right: auto;
margin-top: 35px;
width: 820px;
font-weight: bold
}
.listFooter div
{
font-size: 14px;/*16px*/
font-weight: bold
}
.listFooter div input
{
width: 50px;
margin: 0px 6px 0px 6px;
font-size: 13px
}
.listLegend
{
margin-left: auto;
margin-right: auto;
margin-top: 40px;
width: 824px;
}
.listLegend .legendContent
{
font-size: 16px;
font-weight: bold;
text-align: center;
border-bottom: 2px solid #dae4e4;
border-top: 1px solid #b5c9c9;
padding-top: 10px;
width: 810px;
height: 31px;
padding-left: auto;
padding-right: auto;
}
.listLegend .legendContent img
{
margin: 3px 5px 0px 65px;
}

/* tab 2 */

.listFooterProfiles
{
margin-left: auto;
margin-right: auto;
margin-top: 35px;
width: 820px;
font-weight: bold
}
.listLegendProfiles
{
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 525px;
}
.listLegendProfiles .legendContentProfiles
{
font-size: 13px;
text-align: center;
border-bottom: 2px solid #dae4e4;
border-top: 1px solid #b5c9c9;
padding-top: 10px;
width: 511px;
height: 31px;
padding-left: auto;
padding-right: auto;
}
.listLegendProfiles .legendContentProfiles img
{
margin: 3px 5px 0px 35px;
}
.listLegend .legendContent .noMarginLeft, .listLegendProfiles .legendContentProfiles .noMarginLeft
{
margin-left: 0px
}
/* EXCEPTIONS */
.exceptions
{
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
text-align: center;
width: 800px;
margin-top: 15px
}
.exceptions .titles
{
margin-left: auto;
margin-right: auto;
background: url("../../images/exceptions_titles_bg.gif") no-repeat;
width: 726px;
height: 39px;
text-align: center;
}
.exceptions .titles div
{
font-size: 18px;
line-height: 18px;
color: white;
width: 316px;
margin-top: 8px;
text-align: center;
}
.exceptions .content
{
margin-left: auto;
margin-right: auto;
width: 726px;
background: url("../../images/exceptions_bg.gif") repeat-y;
padding: 10px 0 25px 0;
text-align: center;
}
.exceptions .content .list
{
text-align: center;
width: 316px;
padding-left: auto;
padding-right: auto;
}
.exceptions .content .list div
{
width: 280px;
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
}
.exceptions .content .list input
{
width: 237px;
*width: 234px;
}
.exceptions .content .list div img
{
padding-top: 1px;
margin-left: 5px
}
.exceptions .content .list ul.listURLs
{
margin: 0px;
width: 100%;
text-align: left;
list-style-type: none;
list-style-position: outside;
clear: both;
padding-top: 15px
}
.exceptions .content .list ul.listURLs li
{
border-bottom: 5px solid #ffffff;
height: 23px;
padding: 4px 10px 3px 15px; 
font-weight: bold;
background: #eaf0f0;
}

/* Alerts */
.alerts
{
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
text-align: center;
width: 871px;
margin-top: 15px
}
.alerts .titles
{
margin-left: auto;
margin-right: auto;
background: url("../../images/alerts_titles_bg.gif") no-repeat;
width: 871px;
height: 37px;
}
.alerts .titles div
{
font-size: 18px;
line-height: 18px;
color: white;
margin-top: 6px;
padding-left: 20px;
text-align: left;
}
.alerts .titles .contactTitle
{
width: 380px;
}
.alerts .titles .alertsTitle
{
width: 424px;
}
.alerts .contentAlerts
{
margin-left: auto;
margin-right: auto;
width: 871px;
background: url("../../images/alerts_bg.gif") repeat-y;
padding: 10px 0px 25px 0px;
text-align: left
}
.alerts .contentAlerts .contacts
{
padding: 10px 17px 15px 17px;
}
.alerts .contentAlerts .contacts p
{
text-align: left;
}
.alerts .contentAlerts .contacts .contactLine
{
margin-top: 10px;
background: url("../../images/contact_line_bg.gif") no-repeat;
width: 345px;
height: 57px;
padding: 8px 0px 0px 20px;
font-size: 14px;
font-weight: bold;
}
.alerts .contentAlerts .contacts .contactLine p
{
font-weight: normal;
width: 310px;
margin-top: 5px;
text-align: right
}
.alerts .contentAlerts .contacts .contactLine input
{
width: 200px
}
.alertsList
{
width: 427px;
padding-left: 13x;
}
.alertsList p
{
font-weight: bold;
font-size: 16px;
}
.alertsList table
{
width: 406px;
margin: 0px;
padding: 0px
}
.alertsList table.list
{
background: url("../../images/list_bg_alerts.gif") left top repeat-y;
}
.alertsList table td
{
height: 29px;
border: 0px;
font-size: 13px;
line-height: 17px;
text-align: left;
background: none;
text-align: left;
cursor: text
}
.alertsList table td:hover
{
background: none
}
.alertsList table td.text
{
width: 320px;
padding-left: 10px;
font-size: 12px
}
.alertsList table td.text input
{
width: 43px;
padding: 0px;
margin: 0px 5px 0px 5px;
}
.alertsList table td.checkbox
{
width: 43px;
text-align: center;
font-size: 11px
}
.alertsList table td.checkboxes input
{
margin: 0px 5px 0px 5px;
}
.alerts .buttons
{
height: 37px;
width: 190px;
margin-left: auto;
margin-right: auto;
margin-top: 10px
}
/* Form */
.form, .loginForm, .loginSubForm
{
height: auto;
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
text-align: center;
margin-top: 15px;
}
.form
{
width: 800px;
margin-top: 15px;
}
.loginForm
{
width: 520px;
}
.loginSubForm
{
width: 279px;
}
.form .title, .loginForm .title, .loginSubForm .title
{
margin-left: auto;
margin-right: auto;
height: 28px;
text-align: left;
padding-top: 7px;
}
.form .title
{
width: 700px;
}
.formLogin .title
{
width: 474px
}
.loginSubForm .title
{
width: 279px
}
.form .greenTop
{
background: url("../../images/form_green_top.gif") left top no-repeat;
}
.form .redTop
{
background: url("../../images/form_red_top.gif") left top no-repeat;
}
.form .orangeTop
{
background: url("../../images/form_orange_top.gif") left top no-repeat;
}
.form .greendarkTop
{
background: url("../../images/form_green_dark_top.gif") left top no-repeat;
}
.form .greenlightTop
{
background: url("../../images/form_green_light_top.gif") left top no-repeat;
}
.form .blueTop
{
background: url("../../images/form_blue_top.gif") left top no-repeat;
}
.loginForm .orangeTop
{
background: url("../../images/formlogin_orange_top.gif") left top no-repeat;
}
.loginSubForm .top_01
{
background: url("../../images/formlogin_01_top.gif") left top no-repeat;
}
.loginSubForm .top_02
{
background: url("../../images/formlogin_02_top.gif") left top no-repeat;
margin-top: 11px
}
.form .title p, .loginForm .title p, .loginSubForm .title p
{
margin-left: 30px;
font-size: 16px;
color: #ffffff;
font-weight: bold;
}
.form .content
{
margin-left: auto;
margin-right: auto;
padding-top: 40px;
font-weight: bold;
font-size: 16px;
width: 700px;
background: url("../../images/form_background.gif") repeat-y;
height: 100px; /*80px*/
}

.form .content input
{
width: 500px;
margin-left: 6px
}
/* ADDED by Netspark*/
.form .content_r input
{
width: 200px;
margin-left: 6px;
margin-right: 330px;
}

.form .content .buttons
{
width: 627px;
*width: 554px;
margin-top: 6px
}

/* Help */
.contentHelp
{
padding-bottom: 0px!important
}
.contentHelp ul
{
list-style: none;
margin: 5px 0px 20px 20px
}
.contentHelp ul li
{
background: url("../../images/bullet.gif") left no-repeat;
text-align: left;
padding-left: 20px;
font-size: 13px;
line-height: 13px;
margin-bottom: 5px;
color: #4B6767;
}
.contentHelp ul.list
{
background: url("../../images/list_bg_docs.gif") left top repeat-y;
list-style: none;
width: 670px;
height: auto;
margin: 0px;
margin-top: 10px;
}
.contentHelp  ul.list li
{
background: url("../../images/icon_doc.gif") 15px no-repeat;
color: #608585;
cursor: pointer;
*height: 27px;
padding: 12px 0px 0px 45px;
height: 29px;
padding: 13px 0px 0px 45px;
margin: 0px;
}
.contentHelp  ul.list li a
{
color: #608585!important;
font-size: 14px;
line-height: 14px
}
.contentHelp  ul.list li a:hover
{
color: #6cbb03!important
}
.contentHelp  ul.list li a:visited
{
color: #659090!important;
}
.contentHelp strong
{
font-size: 14px;
font-weight: bold
}
/* FOOTER */
.footer
{
padding-top: 45px;
text-align: center;
}
.footer .left
{
padding-left: auto;
padding-right: auto;
color: black
}
.footer .left img
{
margin-left: 10px;
height: none
}
.footer .right
{
padding-left: auto;
padding-right: auto;
color: black;
padding-bottom: 10px
}
.footer .button
{
margin-top: 3px;
width: 130px;
height: 27px;
padding-top: 5px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
background: url("../../images/footer_support_button.gif") left top no-repeat;
color: #2b565a
}
.footer .title
{
margin-left: 120px;
font-weight: bold;
color: #4b949b;
font-size: 23px;
line-height: 23px;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif
}
.footer .title p
{
padding-top: 6px;
font-size: 18px;
line-height: 18px;
color: #4b949b;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif
}