/*jspp*/







html {
height: 100%;
font-size: 13px;
font-family: Tahoma,Arial,Helvetica,sans-serif
}

body {
min-height: 100%;
width: 100%;
position: relative;
top: 0;
left: 0;
padding: 0;
margin: 0;
background: #ffffff;
}

:focus {
outline: 1px solid #ffe1cc;
}

a, .link {
cursor: pointer;
color: #596eea;
font-weight: normal;
text-decoration: underline;
}

a:hover, .link:hover {
color: #ef6b00;	
}

em {
font-weight: bold;
font-style: italic;
}

th {
text-align: left;
}

td {
vertical-align: top;
} 


input, textarea {
font-weight: bold;
padding: 2px;
}

input.checkbox {
margin: 2px;
position: relative;
top: 1px;
}

input.focus, textarea.focus {
border: 1px solid #ef6b00;
} 


.eventList a, .eventList .link, .statusList a, .statusList .link {
color: inherit;
text-decoration: underline;
} 

.contentToc {
list-style-type: none;
margin: 0;
padding: 0 0 1em 0;
}

.contentToc li {
text-align: right;
padding: .5em 15px .5em 0;
font-family: 'Arial Rounded MT Bold','Arial Rounded MT','Arial Rounded',Arial,Helvetica,sans-serif;
}

.contentToc .contentToc {
font-size: 85%;
}

.contentToc li .link {
font-weight: bold;
text-decoration: none;
font-size: 110%;
}

.contentNode h3 {
margin: 0 0 .5em 0;

font-family: 'Arial Rounded MT Bold','Arial Rounded MT','Arial Rounded',Arial,Helvetica,sans-serif;

}

.contentNode p {
margin: 0 0 1em 0;
text-align: justify;
}







.menu .mouse, .menu .active, .menu .blink {
background: #f4aa6f
}

.action-menu ul li .link {
color: #fff;
text-decoration: none;
}

.action-menu ul li .link:hover {
text-decoration: underline;
} 


img.icon {
padding: 3px;
padding-bottom: 2px;
border: 0;
}

img.helpicon {
margin-left: 2px;
margin-top: -3px;
margin-bottom: -2px;
}

.modal-sectiontitle {
font-weight: bold;
padding: 0;
margin: 15px 0 0 0;
} 


.help-dialog .toc ul, .help-dialog .toc li {
margin: 0;
padding: 0;
list-style-type: none;
}

.help-dialog .toc li {
display: block;
height: 30px;
width: 200px;
padding: 0 20px 0 0;
text-align: right;
}

.help-dialog .toc a {
text-decoration: none;
font-family: 'Arial Rounded MT Bold','Arial Rounded MT','Arial Rounded',Arial,Helvetica,sans-serif;
font-size: 115%;
color: #3e56e7;
}

.help-dialog .toc a.selected, .help-dialog .toc a:hover {
color: #ef6b00;
font-weight: bold;
}

.help-dialog .topic a {
color: #3e56e7;
text-decoration: none;
}

.help-dialog .topic a:hover {
text-decoration: underline;
}

.help-dialog h1 {
margin: 0 0 5px 0;
font-size: 150%;
font-family: 'Arial Rounded MT Bold','Arial Rounded MT','Arial Rounded',Arial,Helvetica,sans-serif;
}

.help-dialog h3 {
margin: 10px 0 2px 0;
font-size: 120%;
font-family: 'Arial Rounded MT Bold','Arial Rounded MT','Arial Rounded',Arial,Helvetica,sans-serif;
font-weight: normal;
}

.help-dialog p {
margin: 2px 0 8px 0;
} 


.collapsed-is-online {
background: url(/d/1/i/_e5.png);
}
.collapsed-is-iwn {
background: url(/d/1/i/_e6.png);
}
.collapsed-is-sms {
background: url(/d/1/i/_e7.png);
}
.collapsed-is-offline {
background: url(/d/1/i/_e8.png);
}


.msg-self, .msg-contact {
padding: 2px 2px 2px 15px; line-height: 17px;
}


.msg-self {
color: #000000;
background: url(/d/1/i/chat-bullet-self.png) no-repeat 5px 8px;
}

.msg-contact {
color: #3e6ae7;
background: url(/d/1/i/chat-bullet-contact.png) no-repeat 5px 8px;
}

.msg-contact.msg-unread {
background: url(/d/1/i/chat-bullet-contact-unread.gif) no-repeat 5px 8px;
}

.msg-system {
color: #767676;
font-weight: bold;
padding: 2px;
padding-left: 4px;
font-size: 85%;
}

.msg-system a {
text-decoration: underline;
color: #767676;
}

.msg-system a:hover {
text-decoration: none;
color: #767676;
}















































table.sliderArea {
padding: 0px;
margin: 0px;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
border-collapse: collapse;
}

.sliderContainer {
cursor: crosshair;
height: 29px;
position: relative;
margin: 3px auto 0 auto;
}

.sliderTrack {
position: relative;
height: 6px;
font-size: 0.01mm;
border: 1px solid #a8a8a8;
background-color: white;
}

.sliderHandle {
position: absolute;
width: 25px;
height: 10px;
top: -2px;
background-image: url(/d/1/i/handle.gif);
font-size: 0.01mm;
cursor: move;
}

.sliderInfoText {
position: absolute;
width: auto;
top: 12px;
height: 13px;
white-space: nowrap; 
font-weight: bold;
color: #222;
}

.sliderMarkerText {
font-style:italic;
padding-left:5px;
padding-right:5px;
text-align:center;
height:22px;
border-top:1px dashed gray;
}

table.qArea {
width: 100%;
padding: 0px;
border-collapse: collapse;
}

.qAreaRatioLeft, .qAreaRatioRight {
font-weight: bold;
color: #666;
font-size: 85%;
padding: 1px 5px 1px 5px;
}

.qAreaRatioRight {
text-align:right;
}

.qAreaMarker {
height: 25px;
background-color: #f2f2f2;
}

.qAreaText {
padding: 5px;
margin: 0px;
color: black;
}




.mcAnswer1 {
cursor:pointer;
background-color: #f2f2f2;
}


.boxSectionOrange .mcAnswer1 {
background-color: #ffe3b4;
}






.mcAnswer0 {
cursor:pointer;
}

.boxSectionOrange .mcAnswerHover, .mcAnswerHover {
background-color: #f7b57f;
cursor:pointer;
}

.boxSectionOrange .mcAnswerSelected, .mcAnswerSelected {
background-color: #ef6b00;
color: white;
cursor: default;
}

.mcOptionAnswered {
background-color: inherit;
vertical-align: top;
width: 25px;
}

.mcAnswerText {
padding-left: 4px;
width: 100%;
}









.paymentDialog .mcOptionAnswered {
vertical-align: middle;
} 


.autocomplete {
background-color: #f0f030;
border: 0px;
border-bottom: 1px dotted #404040;
border-left: 1px dotted #404040;
border-right: 1px dotted #404040;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}

.autocomplete td {
border-top: 1px dotted #404040;
margin: 0px;
padding-left: 3px;
cursor: pointer;
}

.autocomplete .selected {
background-color: #ffff80;
} 


.contact {
border: solid 1px transparent;
cursor: pointer;
}

.contact.selected {
background: #dae4fa;
border-color: #3e56e7;
}

.contact.mouse {
border-color: #a8a8a8;
}


.miua {
background-color: #ef6b00;
color: white;
font-weight: bold;
}

.miub {
background-color: #3e56e7;
color: white;
font-weight: bold;
}

.mium {
background-color: #a02020;
color: white;
font-weight: bold;
}

.miup {
background-color: #20a020;
color: white;
font-weight: bold;
}

.tralt td {
border-top: 1px solid #aaa;
}

.selectStyle {
font-style: italic;
font-weight: bold;
color: #555;
margin-right: 2px;
}




.footerList .link {
font-weight: bold;
color: #ffffff;
}

::selection, ::-moz-selection {



background: #3e56e7;
color: white;
}



input, textarea {
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 13px;
}

input.text, input.password, .inputStyle {
border: 1px solid #d3d3d3;
background: #ffffff url(/d/1/i/inputlinebg.png);
padding: 1px 1px 1px 3px;
margin: 2px;
}

input.focus, .inputFocusStyle {
border: 1px solid #ef6b00;
}


.sectionTitle, .aboutSectionTitle {
font-size: 19px;
color: #3e56e7;
}

.aboutSectionTitle {




margin-bottom: 30px;
}

.subSectionTitle {
font-size: 16px;
color: #ef6b00;
}

.sideToSide .left {
padding-right: 16px;
padding-left: 13px;
padding-bottom: 10px;
}

.sideToSide .right {
padding-left: 25px;
padding-bottom: 10px;
}





.titleFont {
font-family: 'Arial Rounded MT Bold','Arial Rounded MT','Arial Rounded',Arial,Helvetica,sans-serif;
}

h2 {
padding: 0;
margin: 0 0 3px 0;
font-weight: bold;
margin-bottom: 3px;
color: gray;
font-size: 110%;
}


.collapsedText { color: #ffffff; }
.collapsed-is-offline .collapsedText, .collapsed-is-iwn .collapsedText { color: #767676; }

.chat-motd { color: white; padding: 0 219px 0 0; text-align: right; font-size: 85%; }
.chat-is-offline .chat-motd, .chat-is-iwn .chat-motd { color: gray; }

.chat-border1 { background-color: #dee7e8; border: 1px solid #a0a0a0; }
.chat-is-online .chat-border1 { border: 1px solid #4c75e9; }

.chat-border2 { margin: 0px 215px 10px 6px; border: 1px solid #c0c0c0; }
.chat-is-online .chat-border2 { border: 1px solid #7b9bf2; }

.chat-history { background-color: #eeeeea; }
.chat-is-online .chat-history { background-color: #eef0ff; }

.chat-methodContent { padding: 3px; }
.chat-photoAreaDivE { position: absolute; right: 10px; top: 10px; width: 200px; height: 200px; }
.chat-collapseB { position: absolute; top: -12px; left: 10px; width: 26px; height: 26px; cursor: pointer; }
.chat-optionsB { position: absolute; top: -12px; left: 40px; width: 118px; height: 26px; cursor: pointer; }
.chat-smileyB { position: absolute; top: -10px; left: 162px; width: 22px; height: 22px; cursor: pointer; }