html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0; 
padding:0; 
border:0; 
outline:0; 
vertical-align:baseline; 
background:transparent; 
font-family:Verdana,Arial,Helvetica,sans-serif}
body{
line-height:1}
ol, ul{
list-style:none}
blockquote, q{
quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{
content:''; 
content:none}


:focus{
outline:0}

ins{
text-decoration:none}
del{
text-decoration:line-through}

table{
border-collapse:collapse; 
border-spacing:0}

body{
    background-image:url(../images/bg.jpg); 
    background-repeat:repeat-x; 
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:90%; 
    color:#534741}

#tmposition{}
.container{
margin-left:auto; 
margin-right:auto; 
width:960px; 
display:block}

.header{
float:left; 
border-top:9px solid #b5111b; 
width:960px}

.footer{
width:100%; 
height:100%; 
float:left; 
background-image:url(../images/footerbg.jpg); 
background-repeat:repeat-x; 
background-color:#870006}
.clearfix{
 clear:both; 
 font-size:0px; 
 margin:0px; 
 padding:0px; 
 height:0px}

#logo{
float:left; 
padding:12px 0 16px 0}

#logo h1 a{
    background:url(../images/logo.gif) no-repeat; 
 width:106px; 
 height:73px; 
 text-indent:-500000px; 
 float:left}

#loginarea{
float:right; 
padding:30px 0 10px 0; 
display:block; 
width:356px; 
position:relative}

#loginarea .signuptxt{
float:left; 
color:#990000; 
font-size:70%}

#loginarea .forgottentxt{
float:right; 
font-size:70%; 
color:#666666; 
text-decoration:none}

#loginarea fieldset{
padding:0; 
margin:0}

#loginarea .signin{
float:right; 
vertical-align:baseline; 
padding:0 0 6px 0; 
display:block; 
width:100%}
#loginarea .who{
color:#860000; 
display:block; 
float:left; 
font-size:11px; 
padding:4px 9px; 
vertical-align:baseline; 
width:205px; 
line-height:14px}
#loginarea .logout{
float:right; 
vertical-align:baseline; 
padding:10px 4px 6px; 
display:block; 
width:63px}
#loginarea .loggedin{
display:block; 
background-color:#e1e1e1; 
margin-left:2px; 
margin-top:4px; 
width:356px}
#loginarea form{
margin:0px; 
padding:0px; 
height:30px}
.accountform .CField input.forminput{
width:25px}
 .inputlogin{
padding:3px; 
margin:0; 
 margin-right:3px; 
font-size:75%; 
border:1px solid #dedede; 
color:#666666; 
display:block; 
 float:left}

#loginarea .button{
 margin-right:2px; 
margin-top:0px; 
float:left}
.warn{
 
 padding:3px; 
 color:#333333; 
 font-size:75%; 
 border:1px solid #B5111b; 
 margin-bottom:5px; 
line-height:14px}
.warn h1{
color:#B5111b; 
font-size:22px}
.item{
 float:right; 
 font-size:75%; 
 padding:4px; 
 width:210px; 
 color:#999}
.item div{
 font-weight:bold; 
 float:right; 
 margin-right:15px; 
 color:#000}
.item .fr{
 float:right; 
 margin-right:15px}

ul#navigation{
float:left; 
padding:10px 0 3px 0; 
height:30px; 
background-repeat:no-repeat}
ul#navigation.top{
width:960px; 
border-top:1px solid #ddd; 
background-repeat:no-repeat; 
height:30px}
ul#navigation li{
display:inline; 
float:left; 
padding:0 14px 0 0; 
text-align:center; 
height:24px; 
font-size:12px}

ul#navigation li a.active{
width:76px; 
color:#666666; 
text-decoration:none; 
display:inline-block; 
height:39px; 
padding:5px 0 3px 0; 
color:#ffffff; 
display:block; 
background-image:url(../images/navbackover.gif); 
background-repeat:no-repeat; 
background-position:50% 0%}
ul#navigation li a.active:hover{
background-image:url(../images/navbackover.gif)}

ul#navigation li a.fade{
width:76px; 
color:#666666; 
text-decoration:none; 
display:inline-block; 
height:39px; 
padding:5px 0 3px 0; 
background-repeat:no-repeat; 
background-position:50% 0%}

ul#navigation li a.fade:hover{
background-image:url(../images/navback.gif)}
.sub{
background-image:url(../images/navBase.gif); 
background-position:0px 13%; 
display:block; 
width:auto; 
border-top:0px solid #ddd; 
float:left; 
padding:10px 0 3px 0; 
height:30px; 
background-repeat:no-repeat}

.sub li a{
display:block; 
background-repeat:no-repeat; 
background-position:50% 0%; 
width:76px; 
color:#666666; 
text-decoration:none; 
display:inline-block; 
height:39px; 
padding:5px 0 3px 0}
.sub li{
display:inline; 
float:left; 
padding:0 14px 0 0; 
text-align:center; 
height:24px; 
font-size:12px}

.sub li a:hover{
background-image:url(); 
color:#666666; 
display:block}

.sub a.active{
font-weight:bold}
.sub a.active:hover{
display:block; 
background-image:url(); 
background-repeat:no-repeat; 
background-position:50% 0%}

.bubblenav{
width:960px; 
float:left; 
border-top:1px solid #ddd; 
padding:10px 0 3px 0; 
height:40px; 
 
overflow:hidden; position:relative}
 .bubblenav li{
           float:left; 
           list-style:none}
.bubblenav li.back{
            background:url('../images/bubble.gif') no-repeat right -40px; 
            width:9px; height:40px; 
            z-index:8; 
             position:absolute}
.bubblenav li.back .left{
             background:url('../images/bubble.gif') no-repeat top left; 
 height:40px; 
 margin-right:9px}

.bubblenav li a{
text-decoration:none; 
color:#333333; 
outline:none; 
text-align:center; 
top:7px; 
letter-spacing:0; 
z-index:10; 
display:block; 
float:left; 
height:40px; 
position:relative; 
overflow:hidden; 
margin:auto 10px}
 .bubblenav li a:hover, .bubblenav li a:active, .bubblenav li a:visited{
 border:none}
.bubblenav li.current{font-weight:bold}

.secondnav{
width:960px; 
float:left; 
position:relative; 
padding:0 0 10px 0; 

overflow:hidden}
.secondnav li{
float:left; 
list-style:none; 
margin:0 20px 0 0}
.secondnav li.back{
border-bottom:4px solid #990000; 
width:3px; 
height:23px; 
z-index:8; 
position:absolute}
.secondnav li a{

text-decoration:none; 
color:#333333; 
outline:none; 
text-align:center; 
top:7px; 
z-index:10; 
display:block; 
float:left; 
height:23px; 
position:relative; 
overflow:hidden; 
margin:auto 5px}
.secondnav li a:hover, .secondnav li a:active, .secondnav li a:visited{
border:none}
.secondnav li.current{
font-weight:bold}

#showcase{
float:left; 
height:326px; 
margin:4px 0 0 0; 
padding:9px; 
overflow:hidden; 
border:1px solid #ccc}
#project_names{
float:left; 
width:960px; 
color:#666666; 
padding:5px 0 18px 0}
#project_names ul li{
display:inline; 
float:left; 
padding:0 12px 0 0; 
width:150px}
#project_names ul li.last_project{
padding:0}

.home_content{
width:960px; 
float:left; 
padding:50px 0 69px 0}
.home_content h4{
color:#930008; 
font-size:100%}
.home_content h2{
font-size:120%; 
color:#333333; 
line-height:1.5; 
padding:19px 0 0 0}
.home_content p{
color:#333333; 
line-height:1.6; 
padding:10px 0 0 0}

.home_content p a{
color:#333333}
.home_content p a:hover{
color:#b5111b; 
text-decoration:none}

#home_box_2{
float:left; 
width:297px; 
padding:0 16px 0 16px; 
border-right:1px solid #ccc}

#home_box_1{
float:left; 
width:297px; 
padding:0 16px 0 0; 
border-right:1px solid #ccc}

#home_box_3{
float:left; 
width:297px; 
padding:0 0 0 15px; 
color:#333333}

#home_box_1 a, #home_box_2 a, #home_box_3 a{
color:#990000; 
font-size:75%; 
background-image:url(../images/redarrow.png); 
background-position:left; 
background-repeat:no-repeat; 
padding-left:18px}

.inner{
float:left}
.more a{
color:#666666; 
text-decoration:none; 
background-image:url(../images/more-off.jpg); 
background-repeat:no-repeat; 
padding:0 0 0 20px}
.more a:hover{
color:#b5111b; 
background-image:url(../images/more-on.jpg)}

#intro{
padding:0 0 19px 0}
#intro h1{
font-size:110%; 
color:#870006; 
font-weight:normal; 
display:inline}

#full_content{
width:960px; 
float:left; 
padding:20px 0 60px 0}

.page_title{
padding:0 0 25px 0; 
display:block; 
float:left; 
width:100%}

#full_content h1{
font-size:110%; 
color:#676767; 
font-weight:bold; 
display:inline}

#full_content h2{
font-size:105%; 
color:#676767; 
font-weight:normal; 
display:block; 
padding:5px 0 0 0}

#full_content h3{
font-size:95%; 
color:#9c0001; 
padding:10px 0 3px 0}

#full_content p{
color:#333333; 
line-height:1.4; 
padding:0 0 10px 0}

#full_content ul{
color:#333333; 
line-height:1.4}

#full_content .tickbox li{
list-style:inside; 
list-style-image:url(../images/checkbox.png)}

.round{
cursor:pointer; 
cursor:hand; 

background:url(../images/button2.gif) no-repeat right top; 
vertical-align:middle; 
display:block; 
display:inline-block; 
display:-moz-inline-box;  
padding:0 30px 0 0; 
margin:0; 
list-style-type:none}

a.round{
color:#ffffff; 
font-weight:600; 
text-decoration:none}

.round span{
background:url(../images/button2.gif) no-repeat left top; 
height:29px; 
display:block; 
display:inline-block; 
padding-left:30px; line-height:29px}

a.round:hover{background-position:right -155px}
a.round:hover span{background-position:left -155px}

button{
border:0; 
border:none; 
background:transparent; 
width:1px; 
overflow:visible; white-space:nowrap; 
padding:0 2px; 
cursor:pointer; 
cursor:hand}

#footer_area{
width:960px; 
height:166px; 
float:left; 
padding:30px 0 0 0; 
color:#c5c5c5}

#footer_area a{
color:#c5c5c5}

#footer_box_1{
float:left; 
height:150px; 
width:297px; 
padding:0 16px 0 0}

#footer_box_2{
float:left; 
width:297px; 
padding:0 16px 0 16px; 
height:150px}

#footer_box_3{
float:left; 
height:150px; 
width:297px; 
padding:0 0 0 15px}

.inner{
float:left}

#footer_box_1 h4{


}

#footer_box_1 p{
color:#c5c5c5; 
font-size:70%; 
line-height:1.4; padding-top:5px}

#footer_box_1 p.small{
color:#fff; 
font-size:70%; 
padding-top:5px; 
line-height:1.4}

#footer_box_2 img{
padding:0 10px 0 5px}

.footer_buttons{
margin-right:4px; 
float:left; 
clear:none}

.footer_buttons ul li a{
background-color:#7e0001; 
width:140px; 
padding:5px 0 0 4px; 
height:20px; 
display:block; 
margin-bottom:5px; 
text-decoration:none}

.footer_buttons ul li a:hover{
background-color:#8c1515; 
text-decoration:none}

#footer_box_3 h2{
color:#bf3442; 
padding:0 0 4px 0; 
 font-size:90%}

#footer_box_3 ul{
font-size:70%; 
line-height:1.6}

#footer_box_3 ul li{
color:#c5c5c5}

#footer_box_3 a{
text-decoration:none}

#footer_box_3 a:hover{
text-decoration:underline}

#links_help{
width:160px; 
float:left}

#links_about{
width:120px; 
float:left; 
padding:0 0 0 10px}

label{
 clear:both; 
 display:block; 
 padding:10px; 
 position:relative; 
 float:left; 
margin-bottom:10px}
label input, label textarea, label select{
 margin-right:5px; 
 padding:8px; 
 width:330px; 
 margin-top:-18px}
label input{

}
label textarea{
 margin-top:-12px}
label span{
 display:inline-table; 
 width:155px; 
 float:left}
.DIField input, .DIField textarea, .DIField select{
 padding:5px; 
 width:250px}
.DIField textarea{
 height:125px}

#frmEmail .DIField textarea{
 height:125px}
#frmEmail .DIField input, #frmEmail .DIField select{
 padding:5px; 
 width:717px}

#frmEmail textarea{width:717px}
#frmEmail textarea.Small, #frmSMS textarea.Small, #frmFAX textarea.Small{height:45px}
#frmEmail input.DIcheck{
 width:20px}
#frmEmail input.DIhidden{
margin:0px; 
padding:0px}
.DIField{
clear:right; 
padding:4px; 
float:left}
.DIclearfix{
clear:both; 
font-size:0; 
height:0; 
line-height:0; 
margin:0; 
padding:0}
.DILabel{
clear:left; 
margin-top:3px; 
padding:6px; 
width:111px; 
float:left; 
font-size:13px}
.fr{
 float:right}
.w530{
 width:530px}
.button{
 margin-top:10px; 
 margin-right:10px}

.DIButton .button{
 margin-top:10px; 
 margin-right:22px}

.chart{
 border-left-width: medium; 
 border-bottom-width: medium; 
 border-bottom-style:solid; 
 border-left-style:solid; 
 border-left-color:#660000; 
 border-bottom-color:#660000}

.chartItem{
 background-image:url(chart.png); 
 background-repeat:repeat-x; 
 width:100%; 
 height:100px; 
 background-color:white}

.chartItem1{
 background-image:url(chart2.png); 
 background-repeat:repeat-x; 
 width:10px; 
 height:100px; 
 padding:0 7px 0 7px; 
 float:left; 
 border-bottom:thin; 
 border-bottom-color:#660000; 
 border-bottom-style:solid; 
 margin:0 1px 0 0; 
 background-color:#F0F0F0}

.chartX{
 width:10px; 
 height:10px; 
 padding:0 7px 0 7px; 
 background-color:white; 
 float:left; 
 margin:0 1px 0 0; 
 text-align:center; 
 font-size:0.8em}

.chartTitle{
 text-align:left; 
 font-size:14px; 
 font-family:Arial,Helvetica,sans-serif; 
 font-weight:bold}

.tdHead{
 color:#FFFFFF; 
 background-color:#333333; 
 border-top:medium; 
 border-top-style:solid; 
 border-top-color:#660000}

.tdLeft{
 color:#FFFFFF; 
 background-color:#333333; 
 border-left:thick; 
 border-left-style:solid; 
 border-left-color:#660000; 
 padding-left:5px; 
 padding-right:5px}

.tdFoot{
 color:#FFFFFF; 
 background-color:#660000}

.tdBold{
 color:#000000; 
 background-color:#ffffff; 
 font-weight:900}
.bad{
 border:red 1px solid; 
 background-color:red; 
 color:white; 
 padding:5px}
.good{
 border:green 1px solid; 
 padding:5px}

.service_col{
 float:left; 
 width:395px; 
 padding:5px}
.service_form{
 border:7px solid #e1e1e1}
.service_tip{
 background-color:#e1e1e1; 
 margin-left:33px; 
 padding-bottom:50px; 
 position:relative}
.service_tip h2{
 color:#870006; 
 margin:0px; 
 padding:0px}
.service_col .textcontent{
 padding:5px}
.ad{
 position:absolute; 
 bottom:6px; 
 width:394px}
.adback{
 background-color:#870006; 
 color:white; 
 padding:8px; 
 font-size:11px}
.adtext{
 float:right; 
 padding-top:2px}
.note{
 font-size:10px}
.cost{
 background-color:#870006; 
 color:white; 
 padding:8px; 
 font-size:11px; 
 width:135px; 
 margin-top:6px}

.typetitle{
 background-color:#870006; 
 color:white; 
 font-weight:bold; 
 font-size:17px}
.backcost{
 background-color:#e1e1e1; 
 text-align:center}
.pricetable td{
 padding:5px; 
 vertical-align:top}
.pricetable{
 font-size:13px}
.pad5{
 padding:5px}
#show{
 margin-bottom:10px}
.holder{
border:4px solid #870006; 
padding:20px; 
background-color:#ffffff}
#CurrentTitle{
font-weight:bold; 
margin-top:5px}
.Red17{
color:#870006; 
font-size:17px}
.pb20{
padding-bottom:20px}
.clearfield{
width:20px; 
height:20px; 
background-color:#870006}
.show{
display:block}
.hide{
display:none}
#forgotten label{
font-size:10px; 
padding:5px}

.textcontent{
line-height:20px}
.textcontent a{
color:#534741; 
text-decoration:none}
.textcontent a:hover{
text-decoration:underline}
.DIFile{
float:left; 
width:236px}
.clearfield{
display:none}
.package{
border:1px solid #e1e1e1; 
margin:5px}
.service_form .col1, .service_form .col2, .service_form .col3{
float:left; 
width:165px; 
padding:5px}

.service_form .col1{
width:130px}
.service_form .col3{
height:28px; 
margin-top:11px; 
text-align:center; 
width:58px}
.service_form .col1 .price{
color:#870006; 
font-size:23px; 
font-weight:bold; 
margin-top:12px}
.service_form .col2{
color:#870006; 
font-size:10px; 
line-height:12px}
.service_form .col1 .extra{
font-size:10px}
.selected{
    background-image:url(../images/select.gif); 
background-repeat:no-repeat; 
background-position:0 -35px}
.unselected{
   background-image:url(../images/select.gif); 
 background-repeat:no-repeat; 
 background-position:0 0}
.invoice_content{
width:700px; 
padding:50px 0 69px 0; 
margin-left:auto; 
margin-right:auto}
.tdBold{
font-weight:bold}
.tdLine{
padding-bottom:5px; 
border-bottom:1px solid #e1e1e1}
.invoicetd td{
padding:2px}
.marleft{
margin-left:5px}

#Body{
width:240px; 
float:left}
.ar{
text-align:right}
.searchbox{
margin-right:8px; 
margin-top:3px; 
width:305px}
input.inputCheck{
width:15px}
.points{
background-color:#333333; 
height:89px; 
padding:11px; 
width:960px}
.points td{
margin:17px 10px 10px; 
color:#ffffff; 
border-right:1px solid; 
height:92px; 
padding:5px; 
line-height:19px}
.points .sms, .points .fax, .points .post, .points .email, .points .organ{
overflow:hidden; 
text-indent:-1000px; 
padding-top:9px}

.points .sms{
background-image:url(../images/smsText.gif); 
background-repeat:no-repeat}
.points .fax{
background-image:url(../images/faxText.gif); 
background-repeat:no-repeat}
.points .post{
background-image:url(../images/postText.gif); 
background-repeat:no-repeat}
.points .email{
background-image:url(../images/emailText.gif); 
background-repeat:no-repeat}
.points .organ{
background-image:url(../images/organText.gif); 
background-repeat:no-repeat}

.points span{
text-indent:0px; 
display:block}

.dialog{
 position:relative; 
 margin:0px auto; 
 min-width:1em; 
 max-width:700px; 
 color:#fff; 
 z-index:1; 
 margin-left:12px; 
 margin-bottom:0.5em}

.dialog .content, 
.dialog .t, 
.dialog .b, 
.dialog .b div{
background:transparent url(../images/dialog2-blue-800x1600.gif) no-repeat top right}

.dialog .content{
 position:relative; 
 zoom:1; 
 _overflow-y:hidden; 
 padding:13px 12px 0px 0px; 
 font-weight:bold; 
 font-size:17px}

.dialog .t{
 
 position:absolute; 
 left:0px; 
 top:0px; 
 width:12px; 
 margin-left:-12px; 
 height:100%; 
 _height:1600px; 
 background-position:top left}

.dialog .b{
 
 position:relative; 
 width:100%}

.dialog .b, 
.dialog .b div{
 height:16px; 
 font-size:1px}

.dialog .b{
 background-position:bottom right}

.dialog .b div{
 position:relative; 
 width:12px; 
 margin-left:-12px; 
 background-position:bottom left}

.dialog .hd, 
.dialog .bd, 
.dialog .ft{
 position:relative}

.dialog .wrapper{
 
 position:static; 
 max-height:1000px; 
 overflow:auto}

.dialog h1, 
.dialog p{
 margin:0px; 
 padding:0.5em 0px 0.5em 0px}

.dialog h1{
 padding-bottom:0px}
.dialog .roundBase{
border-bottom:3px solid #870006; 
border-left:3px solid #870006; 
border-right:3px solid #870006; 
margin-left:-12px; 
background-color:#ccc; 
padding:5px; 
color:#000; 
font-size:10px; 
line-height:15px}
.bold{
text-align:center; 
font-size:13px; 
font-weight:bold}
.roundSmall{
max-width:100px; 
min-width:50px}
.smallHolder{
width:75px; 
float:left}
.medHolder{
width:226px; 
float:left}
.largeHolder{
width:291px; 
float:left}
.PricePlus{
font-size:33px; 
color:#870006; 
font-weight:bold; 
float:left; 
margin-left:4px; 
margin-right:4px}
.DividerLine{
border-bottom:1px solid #ccc; 
margin-top:10px; 
margin-bottom:20px}

.mask{
    position:relative; 
    width:960px; 
height:411px; 
    overflow:hidden; 
margin-bottom:20px}

.slideitem{
    float:left; 
    clear:none; 
width:960px; 
height:510px; 
background-color:#fff}

#slideshow{
    position:absolute; 
    width:2000px; 
    height:510px}

.infoTip{
background-image:url(../images/infoBack.gif); 
background-repeat:no-repeat; 
color:#FFFFFF; 
float:right; 
font-size:10px; 
height:35px; 
padding:8px; 
width:309px}
.infoTip div{
background-image:url(../images/info.gif); 
background-repeat:no-repeat; 
color:#FFFFFF; 
font-size:10px; 
height:34px; 
margin-top:6px; 
padding-top:6px; 
text-indent:28px}

.element{
border-bottom:1px solid #ccc; 
float:left; 
padding:8px}
.element h2{
background-color:#870006; 
color:#ffffff; 
padding:8px}
.single{
width:451px}
.double{
width:922px}
.element .chart{
border:0px; 
float:left; 
text-align:center; 
width:451px}
.bl{
border-left:1px solid #ccc}

.tdHead, .tdFoot{
background-color:#870006; 
padding:5px; 
font-weight:bold; 
border:5px solid #860000}
.tdContent{
padding:2px; 
background-color:#e1e1e1}
.blr{
border-left:5px solid #860000; 
padding-left:5px}
.brr{
border-right:5px solid #860000; 
padding-right:5px}
.mar10{
margin-bottom:10px}
.accountform{
width:422px}
.Cwarning{
float:right; 
height:38px; 
margin-top:35px; 
width:228px; 
padding:0px; 
background-color:#860000; 
height:36px; 
_margin-top:34px}
.Cwarning .content{
background-image:url(../images/warningSymbol.gif); 
background-position:10px 4px; 
background-repeat:no-repeat; 
color:#FFFFFF; 

font-size:11px; 
height:33px; 
line-height:14px; 
overflow:hidden; 
padding-left:43px; 
padding-top:3px}
.Cwarning .content a{
font-weight:bold; 
color:#FFFFFF}
.Cwarning .tab{
background-image:url(../images/warningTab.gif); 
background-repeat:no-repeat; 
width:15px; 
height:36px; 
float:left; 
padding:0px}
.CreditWarning{
background-image:url(../images/warningSymbol.gif); 
background-position:10px 4px; 
background-repeat:no-repeat; 
color:#FFFFFF; 
background-color:#860000; 
padding:5px; 
position:absolute; 
bottom:0}
.CreditWarning .contenttext{
color:#FFFFFF; 
font-size:11px; 
line-height:14px; 
overflow:hidden; 
padding-left:43px; 
padding-top:3px}
.CreditWarning .contenttext a{
font-weight:bold; 
color:#FFFFFF}
.leftDiv .content{
position:relative}

.apiNote{
    float:right; 
    font-size:10px; 
    width:200px; 
    border-style:dashed; 
    border-color:#860000; 
    border-width:thin; 
    position:static; 
    background-color:#EEEEEE; 
    padding:10px}

.apiDiagram{
    font-size:10px; 
    border-style:dashed; 
    border-color:#860000; 
    border-width:thin; 
    padding:10px; 
    min-width:10px; 
    float:left}

.apiCaption{
    font-size:10px; 
    padding-bottom:0px; 
    padding-top:10px}

.apiCode{
    font-family:monospace; 
    color:#860000; 
    font-size:18px; 
    font-weight:bold; 
    padding:20px}

.apiCommand{
    font-family:monospace; 
    font-size:30pt; 
    color:#007040; 
    font-weight:bold; 
    background-color:#eee; 
    margin-top:80px}

.apiParam{
    color:#007040; 
    font-size:22px; 
    font-weight:bolder; 
    font-family: monospace; 
    margin-bottom:20px; 
    margin-top:50px; 
    padding-top:5px; 
    padding-bottom:5px; 
    background:#EEEEEE}

.apiCodeOpt{
    color:#860000; 
    padding-left:1pt; 
    float:left; 
    font-weight:bold; 
    position:relative; 
    font-family:monospace}
.apiCodeValue{
    color:#007040; 
    float:left; 
    padding-left:1pt; 
    font-weight:bold; 
    position:relative; 
    font-family:monospace}

.apiCodeInTable{
    font-family:monospace; 
    color:#007040; 
    font-size:18px; 
    font-weight:bold}

.apiTable{
    border-style:solid; 
    border-width:thin; 
    padding:10px}

 .apiTableHead{
    color:#fff; 
    border-style:solid; 
    border-width:thin; 
    border-color:#000; 
    border-bottom-style:solid; 
    border-bottom-width:thin; 
    border-bottom-color:#000; 
    background-color:#333333; 
    font-weight:bold; 
    padding:15px}

 .apiTableHeadV{
    color:#333333; 
    border-right-style:solid; 
    border-right-width:thin; 
    border-right-color:#bbb; 
    background-color:#f0f0f0; 
    font-weight:bold; 
    padding:15px; 
    text-align:left}

 .apiHead{
    font-size:16pt; 
    font-weight: bold; 
    font-family: sans-serif; 
    color: #333; 
    margin-top:20px}

 .apiTableHolder td{
    padding:5px; 
    vertical-align:top; 
    border-bottom-style:dotted; 
    border-bottom-color:#ddd; 
    border-bottom-width:thin}

.apiOn{
    color:#860000; 
    font-weight:bold}

.apiOff{
    color:#007040; 
    font-weight:bold}
.preview{
background-image:url(../images/preview.gif); 
width:62px; 
height:21px}
.preview:hover{
background-image:url(../images/previewover.gif); 
width:62px; 
height:21px}
.send{
background-image:url(../images/send.gif); 
width:62px; 
height:21px; 
display:block}
.send:hover{
background-image:url(../images/sendover.gif)}
.cancel{
background-image:url(../images/cancel.gif); 
width:62px; 
height:21px; 
background-repeat:no-repeat}
.cancel:hover{
background-image:url(../images/cancelover.gif)}
.logout a{
background-image:url(../images/logout.gif); 
width:62px; 
height:21px; 
background-repeat:no-repeat; 
overflow:hidden; 
text-indent:-1000px}
.logout a:hover{
background-image:url(../images/logoutover.gif)}
.login{
background-image:url(../images/login.gif); 
width:62px; 
height:21px; 
background-repeat:no-repeat; 
overflow:hidden; 
text-indent:-1000px}
.login:hover{
background-image:url(../images/loginover.gif)}
.import{
background-image:url(../images/import.gif); 
width:62px; 
height:21px; 
background-repeat:no-repeat}
.import:hover{
background-image:url(../images/importover.gif)}
.close{
background-image:url(../images/close.gif); 
width:62px; 
height:21px; 
display:block; 
margin-left:auto; 
margin-right:auto}
.close:hover{
background-image:url(../images/closeover.gif); 
width:62px; 
height:21px}
.update{
background-image:url(../images/update.gif); 
width:62px; 
height:21px; 
display:block; 
background-repeat:no-repeat; 
overflow:hidden; 
text-indent:-1000px}
.update:hover{
background-image:url(../images/updateover.gif)}
#RepList{
margin-right:5px}
.repList{
background-color:#534741; 
color:#fff}
.normalUL Li{
    list-style-type:square; 
    list-style-position:inside; 
    display:list-item; 
    padding-left:15px; 
    text-indent:-15px; 
    padding-bottom:5px}

.Article{
    font-size:10px; 
    max-width:50%; 
    border-style:solid; 
    border-color:#555; 
    border-width:thin; 
    position:static; 
    padding:10px; 
    background-color:#222222; 
    color:#fff; 
    text-decoration:none}

.Article a{
    text-decoration:none; 
    color:#fff}

.ArticleTitle{
    text-align:center; 
    font-weight:bold; 
    font-size:12px; 
    padding-bottom:10px; 
    text-decoration:none; 
    list-style-type:square}

.ArticleDate{
    text-align:right; 
    text-decoration:none}

.ArticlePublisher{
    text-align:right; 
    text-decoration:none}
#play{
float:right; 
background-image:url(../images/play.gif); 
width:15px; 
height:12px; 
margin-right:5px; 
overflow:hidden; 
text-indent:-1000px; 
cursor:pointer}
#stop{
float:right; 
background-image:url(../images/stop.gif); 
width:15px; 
height:12px; 
overflow:hidden; 
text-indent:-1000px; 
cursor:pointer}

.GWCM{
background-color:#e1e1e1; 
padding:6px; 
width:920px; 
position:relative}

.topDiv{
height:28px}

.leftDiv, .rightDiv{
float:left; 
background-color:white}

.leftDiv{
width:232px; 
margin-right:8px}

.leftDiv .controls select{
float:right}

.leftDiv .controls, .rightDiv .controls{
padding:5px; 
height:27px}

.rightDiv{
width:679px}

.leftDiv .content, .rightDiv .content{
height:310px}

.leftDiv .content{
border-top:1px solid #e1e1e1; 
overflow-x:auto; 
overflow-x:hidden}

.DImenu{
font-weight:normal; 
font-style:normal; 
background-color:white; 
padding:5px; 
border:1px solid #e1e1e1; 
color:#534741}

.showMenu{
display:block}
.hideMenu{
display:none}

.DImenuitem, .DImenucomment{
padding:3px}

.DImenuitem{
text-indent:5px; 
white-space:nowrap}

.DImenucomment{
font-weight:bold; 
font-style:italic}

.DImenu .hightlight{
background-color:#c8e4eb}

.DImenuButton{
background-color:#ffffff; 
padding:5px; 
font-weight:bold; 
cursor:pointer; 
height:16px; 
background-image:url(../images/pulldown.gif); 
background-repeat:no-repeat; 
background-position:right 4px; 
padding-right:20px; 
border:1px solid #e1e1e1; 
margin-bottom:4px}
.DImenuButtonOnly{
background-color:#ffffff; 
padding:5px; 
font-weight:bold; 
cursor:pointer; 
height:16px; 
padding-right:8px; 
border:1px solid #e1e1e1; 
margin-bottom:4px; 
text-decoration:none; 
color:#333}
.DImenuButtonOnly:hover{
color:#870006}

.DImenuButton:hover{
background-position:right -16px; 
color:#870006}

.fr{
float:right}

.fl{
float:left}

.DIMask{
background-image:url(../images/mask.png); 
background-repeat:repeat}

.Gitem{
padding:3px; 
width:226px; 
font-weight:normal}
.Gitem a{
cursor:pointer; 
padding-left:5px}

.GroupTop{
background-image:url(../images/tableheader.gif); 
background-repeat:repeat-x; 
height:22px; 
padding-left:3px}

.paddingt7{
padding-top:7px}

.CLabel{
clear:left; 
float:left; 
padding:6px; 
width:82px; 
margin-top:3px}

.CField{
float:left; 
clear:right; 
padding:4px}

.CField input, .CField textarea{
padding:0px; 
width:270px; 
float:left}

.CField textarea{
height:100px}

.Cwapper, .Mwapper{

height:378px; 
border:4px solid #e1e1e1; 
margin-left:auto; 
margin-right:auto; 
background-color:white}
.Mwapper{height:351px}

.Cheader{
padding:5px; 
font-weight:bold; 
margin-bottom:16px}

.Cfooter, .Mfooter{
text-align:center}

.Ccol{
float:left}

.CForm .one{
width:140px}

.Cphoto{
width:107px; 
height:160px; 
border:1px solid #e1e1e1; 
margin-left:auto; 
margin-right:auto; 
margin-top:13px}

.CForm .two{
width:410px; 
padding-top:13px; 
border-right:1px solid #e1e1e1}

.CForm .three{
padding:10px; 
font-weight:bold}

.CForm{
overflow:auto; 
height:306px; 
border-bottom:1px solid #E1E1E1; 
border-top:1px solid #E1E1E1; 
font-size:12px
}

.CGitem{
border:1px solid #E1E1E1; 
padding:3px; 
width:224px; 
font-weight:normal; 
cursor:pointer}
.CGitem a{
cursor:pointer}

.overEditText{
border:1px solid #E1E1E1; 
display:inline-table; 
width:270px; 
height:14px; 
padding:2px; 
line-height:17px}
.accountform .overEditText{
width:257px; 
font-size:12px}
.accountform .CLabel{
width:140px}
.accountform .CField{
width:259px}
.accountform .CField input, .accountform .CField textarea{
width:259px}

.overEditLoad{
background-image:url(../images/loader.gif); 
background-repeat:no-repeat; 
background-position:right}

.Cadditem, .DIadditem{
background-image:url(../images/add.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:20px; 
height:20px; 
clear:none; 
float:left; 
margin-left:3px; 
cursor:pointer}

.Cadditem:hover, .DIadditem:hover{
background-position:0px -20px}
.DIremoveitem{
background-image:url(../images/remove.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:20px; 
height:20px; 
clear:none; 
float:left; 
margin-left:3px; 
cursor:pointer}
.DIremoveitem:hover{
background-position:0px -20px}

.overEditHolder{
clear:none; 
float:left}

.scroll{
 height:263px; 
overflow-x:hidden; 
overflow-y:auto}

div.moo-table{
 font-family:Arial; 
 font-size:10pt}

div.c table{
 width:100%; 
    padding:0; 
    margin:0; 
    border-spacing:0; 
    text-align:left; 
    padding:0; 
    border-collapse:collapse; 
    border-spacing:0; 
    table-layout:fixed}
div.moo-table table.TBheader{
    table-layout:auto; 
    background-image:url(../images/tableheader.gif); 
 background-repeat:repeat-x}
div.moo-table table.TBbody{
 
}

div.moo-table .TBheader td{
    font-weight:normal; 
    padding:1px 3px 3px 15px; 
    color:#534741; 
    line-height:1.1em; 
    font-size:14px; 
    border-right:1px solid #fff; 
    white-space:nowrap}
div.moo-table .TBheader tr{
    height:22px}

div.moo-table .TBheader .moo-active-column{
    font-weight:bold; 
    text-decoration:underline; 
    padding-left:11px; 
    padding:1px 3px 3px 15px}
div.moo-table .TBheader .objecttr{
    background:transparent; 
    padding:1px 3px 3px 5px; 
    width:11px}

div.moo-table .TBheader .moo-active-asc{
    background:transparent url(../images/asc.gif) 4px -15px no-repeat}

div.moo-table .TBheader .moo-active-desc{
    background:transparent url(../images/asc.gif) 4px 7px no-repeat}

div.moo-table .TBbody tr{
    background:#fff}

div.moo-table .TBbody tr.moo-table-even{
    background:#E9E9E9}

div.moo-table .TBbody  tr:hover{
    background:#c8e4eb}

div.moo-table .TBbody  td{
    padding:7px 3px 6px 15px; 
    font-size:0.9em; 
    border-bottom:1px solid #e1e1e1; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis}
div.moo-table td.objecttr{
    padding:1px 3px 3px 5px; 
    width:11px}

div.moo-table .TBbody .moo-table-last td{
    border:none}

div.moo-table .TBfooter{
    background:#fff; 
    font-size:0.8em; 
    padding:3px; 
    border-top:1px solid #e1e1e1}

div.moo-table .TBfooter a{
    color:#534741}

div.moo-table .TBfooter span.moo-foot-left{
    float:left; 
    padding:7px}

div.moo-table .TBfooter span.moo-foot-right{
    float:right; 
    padding:7px}

div.moo-table .TBfooter span.moo-foot-right a{
    margin-right:3px; 
    text-decoration:none}

div.moo-table .TBfooter span.moo-foot-right a:hover{
    text-decoration:underline}

div.moo-table .TBfooter span.moo-foot-right span{
    margin-right:3px}

div.moo-table .TBfooter span.moo-foot-right span.moo-active-page{
    font-weight:bold; 
    text-decoration:underline}
#SectionTitle{
font-weight:bold; 
margin-right:8px; 
margin-top:8px; 
margin-left:10px}
.Mheader{
border-bottom:4px solid #e1e1e1; 
margin-bottom:15px; 
font-size:15px}
.Mheader .col1, .Mheader .col2, .Mheader .col3, .Mheader .col4, .Mheader .col5, .Mheader .col6{
float:left; 
padding:20px; 
border-right:4px solid #e1e1e1}
.Mheader .col1{
width:auto}
.Mheader .col2{
width:auto}
.Mheader .col3{
text-align:center; 
width:86px}
.Mheader .col4{
width:86px}
.Mheader .col5{
width:auto}
.Mheader .col6{
width:auto; 
border-right:0px}
.MItem{
padding-left:69px; 
padding-right:12px; 
font-size:12px; 
border-bottom:1px solid #e1e1e1; 
border-top:1px solid #e1e1e1}
.MItem .col1, .MItem .col2, .MItem .col3, .MItem .col4, .MItem .col5{
float:left; 
padding:10px}
.MItem .col1{
width:81px}
.MItem .col2{
text-align:center; 
width:99px}
.MItem .col3{
width:330px}
.MItem .col4{
width:51px}
.MItem .col5{
text-align:right; 
width:160px}
.Mdetails{
height:202px}
.Mdetails .col1{
width:189px; 
float:left; 
padding-top:23px; 
padding-right:18px; 
text-align:right; 
height:169px}
.Mdetails .col2{
border-left:1px solid #e1e1e1; 
float:left; 
padding-top:23px; 
padding-left:21px; 
overflow:auto; 
height:178px; 
width:666px}
.Melement{
padding-bottom:20px; 
font-size:12px}
.Mtitle, .Mcontent{
clear:both; 
float:left; 
padding-top:4px}
.Mtitle{
font-weight:bold; 
width:121px}
.MContent{
height:236px; 
overflow:auto; 
border-bottom:1px solid #e1e1e1}
.ACContent{
height:282px; 
overflow:auto; 
border-bottom:1px solid #e1e1e1}
.Mbody{
width:auto; 
float:left}

.roar-body
{
position:absolute; 
font:12px/14px "Lucida Grande",Arial,Helvetica,Verdana,sans-serif; 
color:#fff; 
text-align:left; 
z-index:999}

.roar
{
position:absolute; 
width:300px; 
cursor:pointer}
.roar-bg
{
position:absolute; 
z-index:1000; 
width:100%; 
height:100%; 
left:0; 
top:0; 
background-color:#000; 
-moz-border-radius:10px; 
-webkit-border-radius:5px; 
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5)}
.roar-body-ugly .roar
{
background-color:#333}
.roar-body-ugly .roar-bg
{
display:none}
.roar h3
{
position:relative; 
padding:15px 10px 0; 
margin:0; 
border:0; 
font-size:13px; 
color:#fff; 
z-index:1002}
.roar p
{
position:relative; 
padding:10px 10px 15px; 
margin:0; 
font-size:12px; 
color:#fff; 
z-index:1002}
.roar a
{
color:#fff}
.loadingPanel{
background-image:url(../images/mask.png); 
bottom:5px; 
left:246px; 
position:absolute; 
right:7px; 
top:41px; 
width:667px; 
height:307px}
.spinner{

background-image:url(../images/spinner.gif); 
background-repeat:no-repeat; 
background-position:center; 
bottom:0; 
left:0; 
position:absolute; 
right:0; 
top:0}
.spinneronly{
background-image:url(../images/spinner.gif); 
background-repeat:no-repeat; 
background-position:center}
.spinner50{
background-image:url(../images/spinner.gif); 
background-repeat:no-repeat; 
background-position:center; 
height:50px}
.chartbtn{
margin-top:4px; 
margin-right:5px}
.Citem{
padding-right:18px}
.Citem a{
cursor:pointer; 
display:block; 
padding-bottom:5px; 
padding-top:5px; 
width:100%}
.Cdetails{
height:282px; 
border-bottom:1px solid #e1e1e1}
.Cdetails .col1{
width:189px; 
float:left; 
padding-top:23px; 

text-align:right; 
height:260px}
.Cdetails .col2{
border-left:1px solid #e1e1e1; 
float:left; 
padding-top:23px; 
padding-left:21px; 
overflow:auto; 
height:260px; 
width:690px}
.loginFormHolder{
background-color:#ffffff; 
border:5px solid #e1e1e1; 
margin-left:auto; 
margin-right:auto; 
width:665px}
.Gmaillogo{
background-image:url(../images/googlemail2.gif); 
background-position:center; 
background-repeat:no-repeat; 
padding:8px; 
width:143px; 
height:59px; 
margin-left:auto; 
margin-right:auto}
.loginForm{
text-align:center; 
width:383px; 
margin-left:auto; 
margin-right:auto}
.ICfooter{
border-top:1px solid #E1E1E1; 
margin-top:10px; 
text-align:center}
.endmessage{
width:383px; 
margin:50px auto}
#MethodSelect{
text-align:center; 
width:250px; 
margin-left:auto; 
margin-right:auto; 
margin-top:25px; 
margin-bottom:30px}
#MethodSelect img{
cursor:pointer}
#CSVupload{
text-align:center; 
width:250px; 
margin-left:auto; 
margin-right:auto; 
margin-top:25px; 
margin-bottom:30px}
.DIautoComplete{
background-color:#fff; 
padding:1px; 
border:1px solid #E1E1E1; 
font-size:12px; 
line-height:16px}
.DIautoComplete li{
cursor:pointer}
.DIautoComplete li.active{
background-color:#E1E1E1}
#clearButton{
background-image:url(../images/clear.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:20px; 
height:20px; 
clear:none; 
float:right; 
margin-left:3px; 
cursor:pointer}

#clearButton:hover{
background-position:0px -20px}
#groupList .DIField input{
width:192px; 
float:left; 
padding:0px}
.SearchHolder{
width:310px}
.state1, .state2, .state3{
float:left; 
height:13px; 
margin:2px; 
width:13px}
.state1{
background-image:url(../images/state1.gif); 
background-repeat:no-repeat; 
background-position:0px 0px}
.state2{
background-image:url(../images/state2.gif); 
background-repeat:no-repeat; 
background-position:0px 0px}
.state3{
background-image:url(../images/state3.gif); 
background-repeat:no-repeat; 
background-position:0px 0px}
#home_content{

}
.rel{
position:relative}

.slideshow{
display:block; 
position:relative; 
z-index:0}
.slideshow-images{
display:block; 
overflow:hidden; 
position:relative}
.slideshow-images img{
display:block; 
position:absolute; 
z-index:1}
.slideshow-thumbnails{
overflow:hidden}

.slideshow-images{
height:324px; 
width:940px}
.slideshow-images-visible{
opacity:1}
.slideshow-images-prev{
opacity:0}
.slideshow-images-next{
opacity:0}
.slideshow-images img{
float:left; 
left:0; 
top:0}

.slideshow{
height:300px; 
margin:0 auto; 
width:400px}
.slideshow a img{
border:0}

.slideshow-captions{
background:#ffffff; 
margin-top:13px; 
color:#91278f; 
font:bold 12px/22px arial; 
left:0; 
overflow:hidden; 
position:absolute; 
 padding-right:30px; 
text-indent:10px; 
width:96%; 
z-index:10000; 
 text-align:center}
.slideshow-captions-hidden{
height:0; 
opacity:0}
.slideshow-captions-visible{
height:55px; 
opacity:0.85}

.slideshow-controller{
background:url(controller.png) no-repeat; 
height:15px; 
right:0; 
overflow:hidden; 
position:absolute; 
bottom:-20px; 
width:34px; 
z-index:10000}
.slideshow-controller *{
margin:0; 
padding:0}
.slideshow-controller-hidden{
opacity:1}
.slideshow-controller-visible{
opacity:1}
.slideshow-controller a{
cursor:pointer; 
display:block; 
height:18px; 
overflow:hidden; 
position:absolute; 
top:0px}
.slideshow-controller a.active{
}
.slideshow-controller li{
list-style:none}
.slideshow-controller li.first a{
background-image:url(controller-first.gif); 
left:33px; 
width:19px; 
    display:none}
.slideshow-controller li.last a{
background-image:url(controller-last.gif); 
left:186px; 
width:19px; 
    display:none}
.slideshow-controller li.next a{
background-image:url(../images/plus.gif); 
left:16px; 
width:15px}
.slideshow-controller li.pause a{
background-image:url(controller-pause.gif); 
left:109px; 
width:20px; 
    display:none}
.slideshow-controller li.play a{
background-position:20px 0; 
    display:none}
.slideshow-controller li.play a.active{
background-position:20px 18px}
.slideshow-controller li.prev a{
background-image:url(../images/prev.gif); 
left:0px; 
width:15px}

.slideshow-loader{
height:28px; 
right:0; 
position:absolute; 
top:0; 
width:28px; 
z-index:10001}
.slideshow-loader-hidden{
opacity:0}
.slideshow-loader-visible{
opacity:1}

.slideshow-thumbnails{
bottom:-65px; 
height:65px; 
left:0; 
position:absolute; 
width:100%}
.slideshow-thumbnails *{
margin:0; 
padding:0}
.slideshow-thumbnails ul{
height:65px; 
left:0; 
position:absolute; 
top:0; 
width:10000px}
.slideshow-thumbnails li{
float:left; 
list-style:none; 
margin:5px 5px 5px 0; 
position:relative}
.slideshow-thumbnails a{
display:block; 
float:left; 
padding:5px; 
position:relative}
.slideshow-thumbnails a:hover{
background-color:#FF9 !important; 
opacity:1 !important}
.slideshow-thumbnails img{
display:block}
.slideshow-thumbnails-active{
background-color:#9FF; 
opacity:1}
.slideshow-thumbnails-inactive{
background-color:#FFF; 
opacity:.5}