/*
 Designed for CrescentRating.com 
          by  Vinod Thadhani
x3399ff Light Blue = x0064b2 Dull Blue =  x4088b8 Blue = x653A85 = x98017e Violet = x5bc236 Green
*/

/* General tags */
body { color:#737373; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; margin:0 auto; padding:0; }
a {color:#919191; font-weight:900; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {margin:0;}
p.pText { margin: 18px 0 0 10px; padding: 0 0 0 0;}
p.tt-story {margin: 10px 10px 0px 0; padding: 0 0 0 0;}

td {color: #666666; font-size: 0.8em; width: 140px; height: 65px; text-align: center;}

/* Headers */
/* h1 {color:#414141; font-size:2.6em; letter-spacing:-3px; margin:0 0 20px 25px;} */
h1 {color:#414141; font-size:0.5em; letter-spacing:-3px; word-spacing: 5px; margin:0 0 0px 0px;}
h1 { visibility: hidden; text-align: right; display: none; }
h1.xxx { visibility: visible; text-align: left}

h1 a {color:#414141; text-transform:none;}
h2 {border-bottom:2px solid #dadada; color:#414141; font-size:1.4em; font-weight: 900; letter-spacing:-1px; margin:0 0 10px; padding:0 2px 2px 5px;}
h2 span {color:#666666; font-size:0.7em; font-weight: 900; letter-spacing: 1px;}
h2.thinLine {border-bottom:1px solid #dadada; font-weight: 900;  /* background: transparent  url(../images/bgGray.gif) repeat-x scroll 0 0;*/}

h3 {border-bottom:1px solid #dadada; color:gray; /*#414141; */ font-size:1.2em; font-weight:700; margin:10px 0 8px; padding:1px 2px 2px 3px;}
h4 {}


#Xtitle {top: -1000px; left: -1000px; visibility: hidden;}

/* Main wrap */
#wrap {color:#737373; /*414141 */ margin:2px auto; padding:0; width:750px; background-image:url(../images/LeafWriter-logo.png); background-repeat: no-repeat; background-position: 20px 5px; background-color: #FFFFFF;}

#header {margin:0; padding: 0;}

#toplinks {font-size:0.9em; padding:5px 5px; text-align:right;}
#toplinks a {color:red;}
#slogan {color:gray; font-size:0.7em; font-weight:300; letter-spacing: 1px; margin: 0 0 0 25px; padding: 0 0 0 0;}
/*#slogan {color:gray; font-size:1.5em; font-weight:700; letter-spacing:-1px; line-height:1.2em; margin:15px 0 20px 35px;} */

/* Sidebar and menu */
#sidebar {float:right; line-height:1.4em; margin:0 0 5px; padding:1px 0 0; width:460px; height: 500px; overflow: hidden;/**/}
/*#sidebar ul {font-size:0.9em; list-style:none; margin:0; padding:0 0 15px 10px;}
#sidebar li {list-style:none; margin:0 0 4px; padding:0;}
#sidebar li a {font-size:1.2em; font-weight:700; padding:2px;}
#sidebar ul ul {line-height:1.2em; margin:4px 0 3px 15px; padding:0;}
#sidebar ul ul li a {font-weight:400;}
#sidebar h2 {margin:3px 0 8px;}*/

#changeSection {margin: 0 0 20px 0; padding:  10px 5px 0 5px; height: 300px; border: solid #F0F0F0 1px; overflow:hidden; }

#scrollArea { margin: 0 0 5px 0px; padding: 0 0 0 0; height: 220px; overflow-y: auto; }
#AUscrollArea { margin: 5px 0px; padding: 0 0 0 0; height: 270px; overflow-y: auto; }
#FAQscrollArea { margin: 5px 0px; padding: 0 0 0 0; height: 400px; overflow-y: auto; }

.threeBoxes { margin: 0 0 10px 0px; padding: 0 5px 0 5px; height: 140px; width: 140px; float: right; background: transparent  url(../images/bgGray.gif) repeat-x scroll 0 0; border: solid #F0F0F0 1px; text-align:center;  /**/}




#searchBar { margin: 0 auto; padding: 0; }

/* Main content */
#content {float:left; line-height:1.5em; margin:0 0 20px 0; padding: 10px 5px 0 5px; text-align:left; width: 250px; border: solid #F0F0F0 1px; /*height:500px; overflow:auto*/}
#content h3,#contentalt h3 {margin:10px 0 8px;}


#contentBody {line-height:1.5em; margin:0; padding:0; text-align:left; height:490px; overflow-x:auto}
/*#contentBody {filter.chroma(color=#FFFFFF); scrollbar-face-color: #FFDDCC; scrollbar-highlight-color: pink;}*/
#contentBody-II {line-height:1.5em; margin:0; padding:0; text-align:left; height:530px; overflow-y:auto}


#home {background-image:url(../images/intro/bg-intro.png); background-repeat: no-repeat; /**/ height: 230px;}
#tagcloud { padding: 100px 10px 10px 10px;}
#tagcloud h2 { border-bottom: none;}
#tagcloud a { font-weight: normal;}
/* <img src="images/intro/intro01.jpg" align="absmiddle"/> */



/*.mainMenu {font-size:2em; margin: -5px 0 15px 10px; padding: 10px;}*/
.mainMenu {text-align: right; font-size:1.5em; margin: 0 0 10px 0; padding: 8px 10px 8px 10px; letter-spacing: -1px;  background-image: url(../images/CenterBar.gif); border-bottom:4px solid #dadada; /* bg-lb.png*/}
.mainMenu a {font-weight: normal; color: #dbdbdb;}
.SubMenu {text-align: left; font-size:0.9em; margin: 0 0 20px 0; padding: 2px 10px 2px 10px; letter-spacing: -1px; border-bottom:1px solid #333333; color: #3399ff}
.NextMenu {text-align: center; font-size:0.9em; margin: 20px 0; padding: 0 0 0 0; letter-spacing: -1px; color: #FF9900;}



.sp { text-align: center;}
.spOne { letter-spacing: 5px;}
.spTwoR { letter-spacing: 0px; color:#FF0000; font-weight: 900; font-size: 1.5em; }
.spTwoN { letter-spacing: 0px; color:#666666; }
.spThree { letter-spacing: 0px; font-weight: bold;}



#imageView {visibility: visible; }
#imageList {visibility: visible; float: left; width: 50px; height: 200px; margin: 0 20px;}


#newsLetters {margin: 0 0 10px 100px; padding: 0 0 0 0;}

/* Footer */
#footer {border-top:4px solid #dadada; clear:both; color:gray; font-size:0.8em; line-height:0.6em; margin:0 auto; padding:6px 0; text-align:right; background-image: url(../images/CenterBar.gif);}
#footer p {margin: 0; padding:0 10px 0 10px; color:#dadada; }
#footer a {color: #fafafa; /*414141 808080;*/} 
#footer span { float: left;} 



/* Additional classes */
.box {background:#414141; border:1px solid #c8c8c8; color:#fff; font-size:0.9em; line-height:1.4em; padding:10px 10px 10px 13px;}
.box a {color:#f0f0f0;}
.left {float:left; margin:0 15px 4px 0;}

/*.right {float:right; margin:0 0 4px 15px;} */
.right {text-align: left; margin:0 0 4px 15px;}
.readmore {margin:-10px 10px 12px 0; text-align:right;}

.timestamp {text-align: right; font-size:1em; margin: -5px 0 1px 10px; padding: 10px;}
.timestamp a {font-weight: normal;}
/* .timestamp {font-size:1.2em; margin:-5px 0 15px 10px;} 
.timestamp a {font-weight:normal;}*/

.mainLinks {text-align: left; font-size:1em; margin: 5px 0px 0px 5px; padding: 0;}
.mainLinks a {font-weight: bold;}


.blue {color:#414141;}
.clear {clear:both;}
.fade {color:#3399ff;  /* c8c8c8; */}
.gray {color:gray;}
.photo {background:#fff; border:1px solid #bababa; margin: 6px 18px 12px 5px; padding: 2px;}
.free {color:#FF0000; font-weight: bold;}
.version {color:#999900;}

form { font-size: 0.8em; margin: 0 auto; padding: 0;}
.cls_frm_Newsletters {margin: 0 auto; padding: 0 0 0 0;}
#frm_Newsletters { margin: 0 auto; padding: 0 0 0 0;}



#contentStoryList {margin: 0 auto; padding: 0 0 0 0; height: 175px; overflow: auto; }
#contentStoryList a {}
#contentStory {margin: 0 auto; padding: 10px 0 0 0; height: 190px; overflow: auto; border-top: solid; border-bottom: solid; border-width: 1px; border-color: #dadada;}

#contentStoryList thead { display: block; color:#666666; text-decoration: none; } 
#contentStoryList tr a { color:#666666; text-decoration: none;  font-weight: normal;} 
#contentStoryList tr a:visited { color:#666666; text-decoration: none; }
#contentStoryList tr a:hover { background-color: #fdeff8; color: #333333; text-decoration: none; padding: 0 0 0 0; margin: 0 auto; }



.tt-col-0 {width: 40px; text-align: left; }
.tt-col-1 {width: 70px; text-align: left; }
.tt-col-2 {width: 170px; text-align: left; }
.tt-col-3 {width: 170px; text-align: left; }


ul { font-weight: normal; margin: 0 0 0 0; padding: 0 0 0 40px ;}

#xxxcanvas0_1 { position: absolute; width: 100px; height: 100px; top: 0pt; left: 0pt; background-color: transparent; z-index: 100;} 
#canvas0_1 { position: absolute; width: 100px; height: 100px; top: 20px; left: 100px; background-color: #FFFFFF; z-index: 100;} 
#xxcanvas0_0 { position: absolute; width: 100px; height: 100px; top: 0pt; left: 0pt; background-color: #FFFFFF; z-index: 101; }
#xxxcanvas0_1 {position: absolute; width: 50px; height: 50px; top: 0pt; left: 0pt; opacity: 0.1; background-color: transparent; z-index: 101; }


.ff-form {margin: 0 0 10px 0; text-align: left; float: left; vertical-align: top;}

.Q {color:#FF0000; font-weight: 900;}
.A {color:#0099FF; font-weight: 900;}


#opa,  #xxtempDiv {visibility: hidden; display: none;}

/* #tempDiv, */


.dnForm { margin: 2px 20px; padding: 0 10px; text-align: left;}
#thankResponse {margin: 20px 20px; color:#FF6600; font-size: 1.5em; font-weight: 900;}


.newVer {
    background: url("../images/NewVersion.png") no-repeat scroll 0 0 transparent;
    padding-top: 160px;	
}