BODY, HTML, INPUT, SELECT, TEXTAREA, BUTTON { color: #4e4e4e; background: #FFF; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
BODY, HTML { background: #fff url(i01.gif) 50% 0; height: 100%; padding: 0; margin: 0; text-align: center; }
FORM { padding: 0; margin: 0; }

A { text-decoration: none; color: #4e4d4d; }
A:hover { text-decoration: underline; color: #4285a7; }

IMG { border: 0 solid; }

#cont1 { min-height: 100%; margin-bottom: -30px; background: url(i02.gif) 50% 0 repeat-y; }
#cont2 { background: url(i03.gif) repeat-x; }
#cont3 { background: url(i04.png) 50% 0 no-repeat; width: 737px; margin: auto; text-align: left; padding-top: 5px; }
#cont4 { margin: 0 16px 0 16px; min-height: 270px; }

#footer { height: 30px; background: url(i12.gif) 0 100% repeat-x; }
#footer UL { text-align: left; margin: auto; padding: 0; border-top: 1px solid #FFF; width: 718px; list-style: none; background: url(i14.gif) 100% 0 no-repeat; height: 25px; }
#footer UL LI { float: left; background: url(i13.gif) no-repeat; }
#footer UL LI A, #footer UL LI.text { float: left; display: block; padding: 6px 10px 6px 20px; }

#header1 { background: url(i05.jpg) 50% 0 no-repeat; }
#header2 { height: 88px; width: 717px; margin: auto; text-align: left; }
#logo { background: url(logo_cl_screen.gif) 0 50% no-repeat; float: left; }
#logo A { float: left; height: 88px; width: 308px; text-decoration: none; }
#logo IMG { display: none; }
#evaluate { float: right; margin-top: 28px; }

#menu1 { width: 715px; margin: auto; height: 31px; border: solid #FFF; border-width: 0 1px; text-align: left; }
#menu1 UL { padding: 0; margin: 0; list-style: none; font-weight: bold; }
#menu1 UL LI { float: left; background: url(dot01.gif) 10px 13px no-repeat; }
#menu1 UL LI A { float: left; display: block; padding: 8px 10px 9px 20px; }
#menu1 UL LI A.active { color: #4285a7; text-decoration: underline; }

#menu2 { margin: 0; line-height: normal; background: url(i15.gif) 0 100% repeat-x; }
#menu2 A.active { color: #4285a7; text-decoration: underline; }
#menu2 LI { padding: 0; background: url(i16.gif) no-repeat; }
#menu2 LI A { display: block; position: relative; padding: 4px 0 4px 13px; }
#menu2 UL { margin: 0; padding: 5px 0 5px 13px; line-height: normal; }
#menu2 UL LI { padding: 0; background: url(dot04.gif) 0 5px no-repeat; font-size: 10px; }
#menu2 UL LI A { padding: 2px 0 2px 10px; }

#menu_logged_in { margin-left: auto; margin-right: auto; background: #fafafa; text-align: left; padding: 3px; }

#e1 { clear: both; height: 35px; }
.clear1 { clear: both; height: 1px; font-size: 1px; line-height: 0px; display: block; }
.clear2 { clear: both; height: 5px; font-size: 1px; line-height: 0px; display: block; background: #FFF; border: solid #e0e0e0; border-width: 0 1px; }
.s1 { height: 5px; font-size: 1px; line-height: 1px; display: block; background: #fafafa; clear: both; }

#search { float: right; padding: 6px 5px 0 0; }
#search-string { height: 19px; width: 110px; background: url(i06.gif) no-repeat; float: left; overflow: hidden;  }
#search-string.focus { background: url(i06.gif) 100% 0 no-repeat; }
#search-string INPUT { border: 0 solid; width: 91px; padding: 0; margin: 3px 5px 0 9px; font-size: 10px; color: #8c8c8c; background: transparent; max-height: 13px; }
#search-btn { width: 19px; height: 19px; cursor: pointer; background: url(i07.gif) no-repeat; float: left; margin-left: 3px; overflow: hidden; }
#search-btn.focus { background: url(i07.gif) 100% 0 no-repeat; }

#front1 { padding-bottom: 5px; }
#front2 { float: left; width: 350px; margin-right: 5px; }
#front3 { float: left; width: 350px; }
#front4 { background: url(i10.gif); }
#front5 { list-style: none; float: left; width: 141px; padding: 0 !important; margin: 0 5px -5px 0; line-height: normal; }
#front5 UL { list-style: none;}
#front5 LI { padding: 0; margin: 0 0 5px 0 !important; margin: 0 0 2px 0; }
#front5 LI A { display: block; text-decoration: none; position: relative; height: 29px; }
#front6 { float: left; width: 172px; }

#btn1A { background: url(btn_gettingstarted.png) 0 0 no-repeat; }
#btn2A { background: url(btn_screenshots.png) 0 0 no-repeat; }
#btn3A { background: url(btn_pricing.png) 0 0 no-repeat; }
#btn4A { background: url(btn_trynow.png) 0 0 no-repeat; }

DIV.front-partners { float: left; width: 350px; padding: 20px 0; font-weight: bold; margin-bottom: 15px; }
DIV.front-partners IMG { vertical-align: middle; margin: 0 0 0 10px; }
DIV.mr5 { margin-right: 5px; }

DIV.ft1 { float: left; width: 25%; }
DIV.ft1 P { padding: 0; margin: 0; }
DIV.ft1 UL { margin-top: 5px !important; }
DIV.ft1 A { text-decoration: underline; color: #4285a7; }

DIV.box { background: #FFF; padding: 10px 15px; border: solid #e0e0e0; border-width: 0 1px; }
DIV.box UL { list-style: none; padding: 0; margin: 1em 0 0 0; list-style: none; line-height: 17px; }
DIV.box UL LI { padding: 0 0 0 13px; background: url(dot02.gif) 0 7px no-repeat; }
DIV.box UL UL LI { padding: 0 0 0 13px; background: url(dot03.gif) 0 7px no-repeat; }
DIV.box UL.news { line-height: normal; }
DIV.box UL.news LI { padding: 0 0 3px 13px; background: url(dot03.gif) 0 5px no-repeat; }
DIV.box UL.news SPAN.date { font-size: 9px; color: #9d9d9d; display: block; }
DIV.box A { text-decoration: underline; color: #4285a7; }
DIV.box UL  { margin: 0px;padding: 0px; }
DIV.box LI {margin-bottom: 4px }

.w100p { width: 100%; }

B.bs, B.bs2, B.bs3 { display: block; background: url(i08.gif) repeat-x; height: 5px; font-size: 1px; line-height: 0px; margin: 0 5px; }
B.bs B.a { display: block; width: 5px; height: 5px; float: left; background: url(i09.gif) no-repeat; margin-left: -5px; position: relative; }
B.bs B.b { display: block; width: 5px; height: 5px; float: right; background: url(i09.gif) 100% 0 no-repeat; margin-right: -5px; position: relative; }
B.bs2 B.a { display: block; width: 5px; height: 5px; float: left; background: url(i19.gif) no-repeat; margin-left: -5px; position: relative; }
B.bs2 B.b { display: block; width: 5px; height: 5px; float: right; background: url(i19.gif) 100% 0 no-repeat; margin-right: -5px; position: relative; }
B.bs3 B.a { display: block; width: 5px; height: 5px; float: left; background: url(i20.gif) no-repeat; margin-left: -5px; position: relative; }
B.bs3 B.b { display: block; width: 5px; height: 5px; float: right; background: url(i20.gif) 100% 0 no-repeat; margin-right: -5px; position: relative; }

B.be { display: block; background: url(i08.gif) 0 100% repeat-x; height: 5px; font-size: 1px; line-height: 0px; margin: 0 5px; text-align: center; clear: both; }
B.be B.a { display: block; width: 5px; height: 5px; float: left; background: url(i09.gif) 0 100% no-repeat; margin-left: -5px; position: relative; }
B.be B.b { display: block; width: 5px; height: 5px; float: right; background: url(i09.gif) 100% 100% no-repeat; margin-right: -5px; position: relative; }
B.be B.c { display: block; width: 15px; height: 5px; background: url(i11.gif) 0 100% no-repeat; margin: auto; }

H1 { color: #ff8510; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0; margin: 0; line-height: normal; }
H2 { color: #4285a7; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0; margin: 0; line-height: normal; }
H3 { color: #4285a7; font-size: 12px; font-weight: bold; padding: 0 0 5px 0 !important; margin: 1em 0 0 0; line-height: normal; }
H4 { color: #4285a7; font-size: 11px; font-weight: bold; padding: 0; margin: 1em 0 0 0; line-height: normal; }
H5 { color: #4285a7; font-size: 11px; font-weight: bold; padding: 0; margin: 1em 0 0 0; line-height: normal; }

P { padding: 0; margin: 1em 0 0 0; line-height: 15px; }

DIV.heading { background: url(i15.gif) 0 100% repeat-x; padding: 0 0 2px 0; margin-bottom: 1em; }
DIV.heading DIV.rm { float: right; font-size: 9px; margin-top: 9px; padding: 0 0 0 10px; background: url(dot02.gif) 0 3px no-repeat; }
DIV.heading DIV.rm A { color: #4285a7; text-decoration: none; line-height: normal; }
DIV.heading DIV.rm A:HOVER { color: #4285a7; text-decoration: underline; line-height: normal; }

#sub1 { float: left; width: 170px; margin-right: 5px; }
#sub2 { float: left; width: 530px; }

.mh400 { min-height: 400px; }

DIV.content {}
DIV.content A { text-decoration: underline; color: #4285a7; }
DIV.content TABLE { margin: 1em 0 0 0; }
DIV.content UL.news A { text-decoration: none; color: #4e4d4d; }
DIV.content UL.news A:hover { text-decoration: underline; color: #4285a7; }
DIV.content UL.news LI { padding-bottom: 10px; }
DIV.content UL.news SPAN.date { font-size: 11px; display: inline; }
DIV.content UL  { margin: 10px 0px 15px 25px; padding: 0px; }
DIV.content LI { margin-bottom: 4px }

BLOCKQUOTE { padding: 8px 10px; margin: 1em 0 0 0; border: 4px solid #eaf1f2; background: #f4f9fb; color: #4285a7; }
TABLE { border-collapse: collapse; width: 100%; }
TD, TH { color: #4e4e4e; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; text-align: left; vertical-align: top; border: 1px solid; border-color: #e0e0e0 #f1f1f1; }
TH { padding: 4px 10px; font-size: 10px; color: #b6b6b6; background: url(i17.gif) 0 100% no-repeat; }
TH.active_column { background: #e8f4d7 url(i27.gif); color: #5d9116; }
TD { padding: 4px 10px; }
DIV.news-archive { margin: 1em 0 0 0; color: #ccc; }
DIV.news-archive A { text-decoration: none; padding: 0px 4px 1px 4px; position: relative; }
DIV.news-archive A:hover,
DIV.news-archive A.active { color: #FFF; background: #4285a7; text-decoration: none; }
DIV.news-archive B { color: #4285a7; padding-right: 10px; }

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.nowrap { white-space: nowrap; }

DIV.form { padding: 8px 10px; margin: 1em 0 0 0; border: 4px solid #eaf1f2; }
DIV.form H3 { margin: 0 0 1em 0; }
DIV.form TABLE { margin: 0 0 1em 0; }
DIV.form TABLE TH { width: 30%; border: solid #f1f1f1; border-width: 1px 0; text-align: right; background: none; font-size: 11px; color: #4e4e4e; padding: 5px 10px 5px 0; }
DIV.form TABLE TH.middle { vertical-align: middle; }
DIV.form TABLE TD { width: 70%; border: solid #f1f1f1; border-width: 1px 0; padding: 2px 0; vertical-align: middle; }
DIV.form .normal { width: 300px; }
DIV.form SELECT.normal { width: 306px; }

DIV.actions { clear: both; }
DIV.actions INPUT,
DIV.actions BUTTON { border: none; background: url(i18.gif) 0 0 no-repeat; color: #FFF; padding: 3px 10px 3px 20px; overflow: visible; cursor: pointer; }

TABLE.rightimg { float: right; border: 3px solid #eaf1f2; margin: 0 0 10px 10px !important; width: 1px; }
TABLE.rightimg TD.img { width: 1px; padding: 0; }
TABLE.rightimg TD.img IMG { border: 1px solid #FFF; }
TABLE.rightimg TD.label { width: auto; background: #f4f9fb; padding: 5px 8px; border: 1px solid #FFF; color: #4285a7; text-align: center; }

/* IE only fixes */

* HTML #cont1 { height: 100%; }
* HTML #search-string INPUT { margin-top: 2px; }
* HTML #cont4 { height: 270px; }
* HTML #front4 { height: 1px; }
* HTML #menu2 { height: 1px; }
* HTML #menu2 LI { height: 1px; }
* HTML #menu2 UL { height: 1px; }
* HTML #menu2 A { height: 1px; }
* HTML .mh400 { min-height: 400px; }

#footertools { min-height: 30px;}

.editortable {
	border: none;
}

DIV.page { margin-top: 10px; }
DIV.print { text-align: right; float: right; }
DIV.print IMG { vertical-align: middle; }

INPUT.button_standalone { border: none; background: url(i18.gif) 0 0 no-repeat; color: #FFF; padding: 3px 10px 3px 20px; overflow: visible; cursor: pointer; }

DIV.wrapperbox { line-height:150%; padding: 10px; margin: 1em 0px 0px 10px; border: 4px solid #eaf1f2; background: #f4f9fb; color: #4285a7; }
IMG.horizontal_line { vertical-align: middle; padding: 5px 0px; clear: both; height: 1px; width: 100%; border: none; }

TABLE.message TD.error_messages { border: 3px solid #CC4A4A; background: #FBE5E5; color: #CC4A4A; }
DIV.message { margin-top: 5px; margin-bottom: 5px; border: 3px solid #10c010; background: #fdfff9; color: #10c010; padding: 5px; margin-top: 5px; }
DIV.message A { font-weight: bold; text-decoration: underline; color: #21648E; }
DIV.message A:hover { text-decoration: none; color: #21648E; }

DIV.heading2 { background: url(i15.gif) 0 100% repeat-x; padding: 0 0 2px 0; margin-bottom: 0px; }

.TextArea { width:670px; height:500px; border: 1px ridge; }
.toolbar tr { background: ButtonFace; }
.toolbar td { width: 10px; }
.toolbar .btn-, .toolbar  .btn-hover,  .toolbar .btn-active,  .toolbar .btn-pressed {
	background: ButtonFace;
	font-family: Verdana;
	color: ButtonText;
	border: 1px solid ButtonFace;
	padding: 0px;  margin: 0px;
	cursor: pointer; cursor: pointer;
}
.toolbar img { width: 20px; height: 20px; }
.toolbar .btn-hover { border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; }
.toolbar .btn-active,  .toolbar .btn-pressed { border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; }
.toolbar .btn-pressed { background: ButtonHighlight; }
.OkBtn { color:#002000; cursor: pointer; background:#c9e3f2; }
.OkBtn_ { color:#002000; cursor: pointer; background:#fff6bc; }
.CancelBtn { color:#666666; cursor: pointer; font-size:10px; background:#cccccc; }
.CancelBtn_ { color:#666666; cursor: pointer; font-size:10px; background:#dddddd; }

.OkBtn_Top { color:#002000; cursor: pointer; background:#c9e3f2;  }
.OkBtn_Top_ { color:#002000; cursor: pointer; background:#fff6bc;  }
.CancelBtn_Top { color:#666666; cursor: pointer; font-size:10px; background:#cccccc; }
.CancelBtn_Top_ { color:#666666; cursor: pointer; font-size:10px; background:#dddddd; }

TABLE.dtable { width:100%; border: 0px none; border-collapse: collapse; padding:0px; }
TABLE.dtable TR TD { vertical-align:top; border-width: 0px;  border-color: #999999;  border-style: none;  padding: 4px; }
TABLE.dtable H3 { color: #4285a7; font-size: 11px; font-weight: bold; padding: 0; margin: 1em 0 0 0; line-height: normal; }
DIV.header_path { font-size: 11px; }

P.msg-ok { color: #5aa742; border: 2px solid #5aa742; padding: 8px 12px; }
P.msg-ok A { color: #5aa742; }
P.msg-error { color: #d12020; border: 2px solid #d12020; padding: 8px 12px; background: #fff5f5; }
P.msg-error A { color: #d12020; }

#path { list-style: none; padding: 0 0 0 0 !important; margin: 0.5em 0 0 0 !important; }
#path LI { display: inline; font-size: 10px; padding: 0 7px !important; margin: 0 !important; line-height: normal !important; background: url(dot01.gif) 0px 4px no-repeat !important; }
#path A { color: #a9a9a9; text-decoration: none; }
#path A:hover { color: #4e4d4d; text-decoration: none; }

DFN { font-variant: small-caps; letter-spacing: 0.1em; cursor: help; padding: 3px 0 0 13px; background: url(dot02.gif) 0 7px no-repeat; font-weight: bold; font-family: inherit; font-style: normal; text-decoration: none; background-position:left;  }
DIV.indent { padding: 3px 0 0 13px; }

DIV.contents { margin: 0; padding: 0; }
TT { color:#666600; background:#ffffcc; padding: 0 2px }
DIV.toc3 A { padding: 3px 0 0 13px; background: url(dot02.gif) 0 7px no-repeat; line-height: 150%; font-family: inherit; font-style: normal; text-decoration: none; background-position:left;  }

.code {  background: #FFFFFF;  border: solid #CCCCCC 2px;  font-family: "Courier New";  color: black;  font-size: 10pt;  width: 90%;  line-height: 1.2em; }

A.nonelink { float: left; display: block; padding: 6px 10px 6px 20px; }
A.nonelink:hover { float: left; display: block; padding: 6px 10px 6px 20px; text-decoration: none; color: #4e4d4d; }

OL { line-height: 150%; }

#lightbox{
	background-color:#eee;
	padding: 5px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }
* html #overlay { background-color: #000; background-image: url(blank.gif);	filter: Alpha(opacity=50); }

/* diffs */
.additions { color: #008800; }
.deletions { color: #880000; }
.add { font-weight: bold; color:#c00; text-decoration: underline; }
.del { font-style: italic; color:#c00; text-decoration: line-through; }
.error { color: #CC3333; font-weight: bold; }

DIV.nav_item_left { float: left; width: 100px; margin-top: 5px; }
DIV.nav_item_right { float: left; width: 50px; margin-top: 5px; }
DIV.nav_item_pages { float: left; text-align: center; width: 500px; margin-top: 5px; }

DIV.nav_item_pages A { position: relative; text-decoration: none; color: #3D3D3D !important; border: 1px solid #DADADA; background: #FFFFFF; padding: 2px 3px; font-size: 9px; margin: 0px 1px; font-weight: normal !important; }
DIV.nav_item_pages A:hover { text-decoration: none !important; border-color: #000000; }
DIV.nav_item_pages A.active { text-decoration: none !important; border-color: #000000; color: #000000; }

TABLE.eval_list { width: 100%; }
TABLE.eval_list TD { padding: 5px; }