/* ---- MochiLand ---- */


.mochiland #mochiland_categories {
	color:#666666;
}

.mochiland #column-main {
	height:273px;
}

.mochiland #column-main form {
	margin-bottom:2em;
}

.mochiland #mochiland_categories td {
	vertical-align:top;
}

.mochiland #mochiland_categories ul {
	vertical-align:top;
	margin-top:.5em;
	font-size:.9em;
}

.mochiland #mochiland_categories li {
	margin:.25em 0 .5em 0;
	padding:0 0 0 .5em;
	vertical-align:middle;
	list-style-image:none;
	background-image:none;
}

.mochiland #mochiland_categories input {
	vertical-align:top;
	margin:0;
	padding:0;
}

/* ---- GETTING STARTED ---- */

.started .m-s #column-main { width: 501px; margin-right: 60px; }
.started .m-s #column-side { width: 321px; }


h1#welcome { 
 	background: url(../../images/h_welcome.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 166px; height: 23px;  
	margin-bottom: .3em;
}

#download { background: url(../../images/g_blankbox3.gif) no-repeat; text-align: center; width: 272px; padding: 24px; }
#download a { 
	background:  url("../../images/h_downloadlink.gif") no-repeat; display: block; width: 272px; height: 28px;
	text-indent: -9000em; overflow: hidden; text-decoration: none; 
}

 h1#started { 
 	background: url(../../images/h_started.gif) no-repeat; text-indent: -9000em; overflow: hidden; 
	width: 166px; height: 23px;  
	margin-bottom: .3em;
}

a#dashboard { 
	text-indent: -9000em; overflow: hidden;
	 background: url(../../images/button_todashboard.gif); width: 159px; height: 21px; 
	 display: block;
}

#insteps { list-style: none; margin: 15px 0em 2em; padding: 0; }
#insteps li.step1, #insteps li.step2, #insteps li.step3 { 
	float: left; width: 240px; margin-right: 40px; 	  
}
#insteps li.step2 { padding: 0 39px; border-right: 1px solid #aaa; border-left: 1px solid #aaa; }
#insteps li.step3 { margin-right: 0; padding: 0; border-right: none; width: 240px; }
#insteps li h3 { background-repeat: no-repeat; height: 29px; text-indent: -9000em; overflow: hidden; }
#insteps li.step1 h3 { background-image:  url("../../images/h_1create.gif"); }
#insteps li.step2 h3 { background-image: url(../../images/h_activate.gif); }
#insteps li.step3 h3 { background-image: url(../../images/h_publish.gif); }
#insteps li div { margin-left: 0px; margin-top: 11px; }
#insteps li div img { margin-bottom: .5em; }
#insteps li div p { font-size: .9em; margin-left: 0px; }
 
/* ---- DASHBOARD ----------------*/

.dashboard #column-main { width: 440px !important; margin: 0; margin-right: 8px !important;  } 
.dashboard #column-side { width: 382px !important; background: url(../../images/g_folders.jpg) no-repeat; padding: 20px 0px 0px 60px; }

.dashboard #column-side.instructions { background: none; padding-top: 0; }

.dashboard #pagetitle1 { background: url(../../images/h_dashboard.gif) no-repeat; border: none; margin-bottom: .0em; }
.dashboard #pagetitle2 { background: url(../../images/h_welcomemochibot.gif) no-repeat; border: none; margin-bottom: .0em; }

.dashboard #graph { margin: 0; padding: 0; }

h3#hours { 
	/* background: url(../../images/h_24hours.gif) no-repeat; */
	/* background: url(../../images/h_yesterday.gif) no-repeat;  */
	width: 148px; height: 14px; text-indent: -9000em; overflow: hidden; margin-bottom: 1em;
}

.dashboard #getfirefox { display: none; }
* html .dashboard #load-panel { display: none; } /* Hide For IE due to IE bugs */
* html .dashboard #getfirefox { display: block; }

#swf-list { border-collapse: collapse; width: 100%; margin-bottom: 2em; font-size: .9em;  }
#swf-list .column1 { width: 25px; }
#swf-list .column2 { width: 175px; }
#swf-list .column3 { width: 58px; }
#swf-list thead th { text-align: left; font-size: .9em; border-bottom: 1px solid #aaa; padding: .3em .9em .3em 0; white-space: nowrap;  }
#swf-list tbody tr.first td,  .swf-list tbody tr.first th { padding-top: .9em; }
#swf-list tbody th { padding: .2em 0em; }
#swf-list tbody th input { margin-right: .5em; vertical-align: middle;  }
#swf-list tbody td {  }
#swf-list tbody td h3 { font-size: 1.1em; }
#swf-list tbody td span.ping_true,
#swf-list tbody td span.ping_false { display: block; width: 10px; height: 9px; }
#swf-list tbody td span.ping_true { background-image: url("../../images/i_check.gif"); }
#swf-list tbody td span.ping_false { background-image: url("../../images/i_warning.gif"); }

#swf-list a.item1 { color: red; }
#swf-list a.item2 { color: blue; }
#swf-list a.item3 { color: green; }
#swf-list a.item4 { color: orange; }
#swf-list a.item5 { color: purple; }
#swf-list a.item6 { color: teal; }

div#archives { width: 89px; height: 22px; background-image: url(../../images/button_archives.gif); float: left; margin-right: 30px; }
div#archives a { width: 89px; height: 22px; }
div#create-swf { width: 156px; height: 22px; background-image: url(../../images/button_create.gif); margin: 0 10px 1em 0; float: left; }
div#create-swf a { width: 156px; height: 22px; }

#rss { background-image: url("../../images/swffeed.gif"); width: 80px; height: 15px; margin-top: 5px; }

#hotitems { margin-right: 15px; }
#colditems {}
#hotitems, #colditems { width: 180px; float: left; }
#hotitems table, #colditems table { width: 163px; font-size: .9em; margin-left: 17px; }
#hotitems table th, #colditems table th { font-weight: normal; }

h2#hot { 
	background: url(../../images/h_hotitems.gif) no-repeat; 
	width: 118px; height: 14px; 
	text-indent: -9000em; overflow: hidden; 
}
h2#cold { 
	background: url(../../images/h_colditems.gif) no-repeat; 
	width: 118px; height: 14px; 
	text-indent: -9000em; overflow: hidden; 
}

h2#glossary { 
	background: url(../../images/h_glossary.gif) no-repeat; 
	width: 124px; height: 29px; 
	text-indent: -9000em; overflow: hidden; 
}



.dashboard h2#blog { background-image: url("../../images/h_fromtheblog.gif"); width: 245px; height: 22px; margin-top: 2em; float: left; }
.dashboard .blogrss { background-image: url("../../images/mochiblog.gif"); width: 80px; height: 15px; margin-top: 3.2em; margin-left: 1.5em;}

/* ---- EMPTY DASHBOARD ---------------------------- */

#column-side.instructions {
	width: 300px !important; border-left: 1px solid #aaa; padding-left: 60px; margin-left: 30px; font-size: .95em;
}

#column-side.instructions .contextual {
	margin-left: 35px;
}

a#createmochi { 
	background: url(../../images/h_createmochi.gif) no-repeat; 
	width: 205px; height: 32px; 
	text-indent: -9000em; overflow: hidden; 
	display: block;
}

h2#generator { 
	background: url(../../images/h_generator.gif) no-repeat; 
	width: 282px; height: 29px; 
	text-indent: -9000em; overflow: hidden; 
	margin-left: -38px;
}

/* ---- ARCHIVES ------------------------------------------------------- */

.archives h1#pagetitle { background-image: url(../../images/h_archives.gif); }

/* ---- SWF DETAIL ----------------*/

.swf-detail #content { height:  auto !important; }
.swf-detail #breadcrumb { margin-bottom: 1em; }
.swf-detail #column-main { 
	width: 400px; float: left; 
	padding: 10px 0px 0px 40px; margin-right: 0;
	background: url(../../images/g_lgback.gif) no-repeat; 	/* display: inline; height: 1%; */position: relative; /* IE HACK */
}
.swf-detail #column-side { width: 440px; float: none; margin-left: 460px; }
* html .swf-detail #column-side { margin-left: 456px; /* IE HACK */ }

.swf-detail #swf-icon { 
	background: url(../../images/icon_swflg.gif) no-repeat; 
	width: 17px; height: 20px;  
	position: absolute; top: 15px; left: 17px;
}

.swf-detail #page-title { margin-bottom: -.1em; margin-top: 0; color: #00C5E8; display: inline; margin-right: .8em; }
.swf-detail #detail-link { font-size: .9em; }

.swf-detail #swf-detail { margin: 0 0 1.5em; border-bottom: 1px solid #aaa; padding-bottom: 1em; }
.swf-detail #description { font-size: .9em; margin: .5em 0 1em; }
.swf-detail #swfid {  font-size: .9em; margin: .8em 0 .9em 0; }
.swf-detail #edit { width: 83px; height: 22px; margin-left: 11em; background-image: url(../../images/button_edit.gif); }
.swf-detail #edit a { width: 83px; height: 22px; }
.swf-detail #code { width: 126px; height: 22px; background-image: url(../../images/button_mochibcode.gif); margin-top: 1em; }
.swf-detail #code a { width: 126px; height: 22px; }

.swf-detail #pub-date { font-size: 1.3em; margin: .8em 0 .5em; }
.swf-detail #pub-date .contextual { font-size: .7em; }

.swf-detail #total-stats { height: 3em; padding: 0; margin: 0; }
.swf-detail #total-stats li { display: inline; float: left; background: none; padding: 0 2em 0 0; }
.swf-detail #total-stats li strong { font-size: 1.1em; }
.swf-detail #total-stats span { display: block; font-weight: normal; color: #999; font-size: .9em; }
.swf-detail #share-stats { 
	margin: 1em 0 1.7em; padding: .8em .8em .8em 28px; background: #EAFCFF url("../../images/g_personblu.gif") no-repeat 10px center; 
	border-top: 1px solid #8CDEEF; border-bottom: 1px solid #8CDEEF; 
	font-size: .9em;
}
.swf-detail #share-stats a { font-weight: bold; margin-right: 1em; }

ul#report { margin: 0; padding: 0; }
ul#report li { width: 170px; float: left; background: none; padding: 0; margin: 0 20px 0 0; }
ul#report li div.description { margin-left: 0px; }
ul#report li div.description p { font-size: .85em; }
ul#report li h3 { padding-left: 25px; }
ul#report li h3 a { line-height: 25px; }

ul#report h3#hosts { background: url(../../images/icon_host.gif) no-repeat left center; }
ul#report h3#traffic { background: url(../../images/icon_traffic.gif) no-repeat left center; }
ul#report h3#hosthistory { background: url(../../images/icon_host.gif) no-repeat left center; }
ul#report h3#feedback { background: url(../../images/icon_comments.gif) no-repeat left center; }

.quickstat { 
    background-color: #FFFEE3; background: url(../../images/g_ystatbox.gif) no-repeat;
    color: #4B4545; height: 92px;
    margin-bottom: .1em;    
    padding: .8em 1em;
} 

.quickstat ul { margin: 0; padding: 0; list-style: none; }
.quickstat .stats { border-bottom: 1px solid #D5D3A7; font-weight: bold; padding: 0 0 .3em; }
.quickstat .stats span.first { margin-right: 2.5em; }

.quickstat ul.views li { 
    float: left; margin-right: 1.6em; border-right: 1px solid #D5D3A7; padding: .3em 1.6em 0 0; margin-bottom: 0; background: none; 
}
.quickstat ul.views li span.title { font-size: .8em; display: block; margin-bottom: .1em; color: #8C8282;  }
.quickstat ul.views li strong { font-size: 1.5em; color: #4B4545; }
.quickstat ul.views #direction { margin-right: .1em; } 
.quickstat ul.views li.total strong { margin-right: .4em; }
.quickstat ul.views li.total .change { font-weight: bold; font-size: 0.9em; }
.quickstat ul.views .performance {   }

.quickstat .unique {  }
.quickstat .hosts { }


/* ----- CREATE SWF ------------------------- */

.createswf #column-main { width: 458px; }
.createswf #column-side { width: 392px;  background: url(../../images/g_arrowbox.gif) no-repeat; }

.createswf h1#pagetitle { background-image: url(../../images/h_generatenew.gif); }
.createswf h1 { color: #00C5E8; }

.createswf #title { width: 90%; }
.createswf #description { width: 90%; height: 100px; }
.createswf #save { margin-right: 1em; }

.createswf #content fieldset, .editswf #content fieldset { margin: 0 0 1em 0; }
.createswf #content fieldset.categories h4, .editswf #content fieldset.categories h4 { margin-bottom: .5em; font-size: 1em; }
.createswf #content fieldset.categories ul, .editswf #content fieldset.categories ul { margin: 0; }
.createswf #content fieldset.categories ul li, .editswf #content fieldset.categories ul li { background: none !important; padding: 0; margin: 0; }
.createswf #content fieldset.categories ul li a, .editswf #content fieldset.categories ul li a { margin-left: 23px; }
.createswf #content fieldset #swflocation, .editswf #content fieldset #swflocation { margin: 1em 0 0 0; }
.createswf #content fieldset #swflocation input, .editswf #content fieldset #swflocation input { width: 90%; }


.tooltip {
	margin: .8em 0; border-top: 1px solid #8CDEEF; border-bottom: 1px solid #8CDEEF; padding: .5em; background-color: #EAFCFF; 
	font-size: .9em; color: #4C9EaF;
}


ol#instructions { margin: 20px 15px 0 102px; list-style: none; padding: 0; }
ol#instructions li { margin: 0 0 1em; padding: 0; margin: 0;}
ol#instructions h2 { left: -42px; margin-bottom: 0em; position: relative; }
ol#instructions p { font-size: .9em; }
ol#instructions li.inactive, ol#instructions li.inactive a { color: #999; }
ol#instructions li#step1 h2 {  
	background: url(../../images/h_generate1.gif) no-repeat; 
	width: 204px; height: 29px; 
	text-indent: -9000em; overflow: hidden;   
}
ol#instructions li#step2 h2 {  
	background: url(../../images/h_copypaste1.gif) no-repeat; 
	width: 224px; height: 29px; 
	text-indent: -9000em; overflow: hidden;   
}
ol#instructions li#step3 h2 {  
	background: url(../../images/h_publishswf1.gif) no-repeat; 
	width: 204px; height: 29px; 
	text-indent: -9000em; overflow: hidden;   
}
ol#instructions li#step1.inactive h2 { background: url(../../images/h_generate2.gif) no-repeat; }
ol#instructions li#step2.inactive h2 { background: url(../../images/h_copypaste2.gif) no-repeat; }
ol#instructions li#step3.inactive h2 { background: url(../../images/h_publishswf2.gif) no-repeat; }

h3#as1, .editswf h3#as1 {  
	background: url(../../images/h_as1.gif) no-repeat; 
	width: 204px; height: 29px; 
	text-indent: -9000em; overflow: hidden;   
}
h3#as2, .editswf h3#as2 {  
	background: url(../../images/h_as2.gif) no-repeat; 
	width: 204px; height: 29px; 
	text-indent: -9000em; overflow: hidden;   
}

.createswf a#another { 
	margin-right: 1.0em; vertical-align: middle; float: left;
	display: block; width: 180px; height: 22px; text-indent: -9000em; overflow: hidden;	
	background: url(../../images/button_createanother.gif) no-repeat;
}



/* ---- INSTALL CODE ------------------------------------ */

.install #column-main { width: 458px; }
.install #column-side { width: 392px;  background: url(../../images/g_arrowbox.gif) no-repeat; }

.install h1#pagetitle { background-image: url(../../images/h_mochicode.gif); }

.install #column-main h1 { margin-bottom: .2em; color: #00C5E8;  }
.install #column-main h3 { margin-top: 1em; }
.install #column-main p { margin-top: 1em; }

.install #edit { width: 83px; height: 22px; background-image: url(../../images/button_edit.gif); }
.install #edit a { height: 22px; }

.install #finished { width: 83px; height: 22px; background-image: url(../../images/button_finished.gif); }
.install #finished a { height: 22px; }

.install h2#instructions { 
	background-image: url(../../images/h_instructions.gif); 
	width: 126px; height: 21px; text-indent: -9000em; overflow: hidden; }
	
.install .codetext { background-color: #f7f7f7; border: 1px solid #00C5E8; display: block; width: 490px; height: 250px; margin-top: 10px; font-size: 10px; font-family: Courier, monospace; }
.install textarea.codetext { font-size: 10px !important; line-height: 12px; overflow: hidden; }


.logo { text-align : center; }

/* ---- EDIT SWF ----------------------------- */

.editswf #column-side p { font-size: .9em; }
.editswf h1#pagetitle { background: url(../../images/h_editswf.gif) no-repeat; }
.editswf #save { margin-right: 1em; }

.editswf #archive { 
	margin-right: 1.0em; vertical-align: middle; float: left;
	width: 98px; height: 22px; background-image: url(../../images/button_archive.gif);
} 
.editswf #archive a { width: 98px; height: 22px; }
.buttons strong { float: left; }
.editswf #delete { 
	margin-left: 1.0em; vertical-align: middle; float: left;
	width: 77px; height: 22px; background: url(../../images/button_delete.gif);   
}
.editswf #delete a { width: 77px; height: 22px; }

.editswf #title { width: 90%; }
.editswf #description { width: 90%; height: 100px; }

/* ---- JUNKYARD ----------------------------- */

.junkyard #pagetitle { background-image: url(../../images/h_junkyard.gif); }
.junkyard #delete { margin-right: 1.0em; vertical-align: middle; float: left; background-image: url("../../images/button_yesdelete.gif"); width: 117px; height: 22px; }
.junkyard #delete a { height: 22px; }

/* ---- MOCHIBOT INSTALL CODE --------------------------------- */



/* ---- TRAFFIC REPORT ----------------*/

.traffic #pagetitle { 
	background-image: url(../../images/h_trafficreport.gif); width: 160px; height: 22px; 
	border: none; float: left; margin-bottom: 0;
}
.traffic #swfname { float: left; margin-top: -4px; color: #00C5E8; margin-bottom: 0; }

.traffic .m-s #column-main { width: 440px; float: none; padding: 0; }
.traffic .m-s #column-side { width: 415px; float: right; padding-top: 0em; }



.traffic #selector { 
	position: relative; background: url(../../images/g_ycalbox.gif) no-repeat; width: 428px; height: 85px; margin-bottom: 10px; }
.traffic #selector #days { float: right; border-left: 1px solid #d5d3a7; padding: .5em 1em .5em 1em; margin-top: 10px; }
.traffic #selector #date_span { display: block; font-weight: bold; font-size: 2em; }

.traffic #selector #dates { position: absolute; left: 150px; top: 35px; font-size: .8em; }
.traffic #selector #arrow { margin: 0 .5em; }
.traffic #graphit { position: absolute; left: 20px; top: 32px; }

.traffic #column-side h3 { font-size: 1.0em; margin: 0 0 .3em; }
.traffic #from { width: 190px; float: left; margin-right: 10px; margin-left: 3px; }
.traffic #to { width: 190px; float: right;}

.traffic thead th.last { padding-right: 7px; }
.traffic tbody tr.month td,  .traffic tbody tr.month th { border-bottom: 1px solid #4B4545; background-color: #f5f5f5; padding-top: 1.5em; }
.traffic tbody tr.day td,  .traffic tbody tr.day th { padding-left: 2em; font-size: .9em; border-color: #ddd; }
.traffic tbody tr.day th { color: #555; }

.traffic tbody.loading-row td { text-align: center; background: #f3f3f3; }


/* ---- HOST REPORT -----------------------*/

.host #pagetitle { 
	background-image: url(../../images/h_hostreport.gif); width: 145px; height: 22px; 
	border: none; float: left; margin-bottom: 0;
}
.host #swfname { float: left; margin-top: -4px; color: #00C5E8; margin-bottom: 0; }
.host #hours {
    float: right;
    margin-right: 20px;
    margin-top: 2px;
    /* background: url("../../images/h_yesterday.gif") no-repeat; */
    width: 132px;
    height: 14px;
}


#hosts input.checkbox { margin-right: .5em !important; }
#hosts .graph { text-align: center; }
#hosts th.host a { background: url(../../images/icon_folder.gif) no-repeat 0 2px; padding-left: 20px; }
#hosts tbody td { font-size: .9em; }

#hosts tbody tr.url { font-size: .9em; }
#hosts tbody tr.url .graph input { margin-left: .5em; }
#hosts tbody tr.url td { padding-left: 2em; background-color: #FFFEE3; }
#hosts tbody tr.url th { padding-left: 3em; background-color: #FFFEE3; }
#hosts tbody tr.url .graph {  }

.host tbody.loading-row td { text-align: center; background: #f3f3f3; }

/* ---- HOST HISTORY REPORT -----------------------*/

.hosthistory #pagetitle { 
	background-image: url(../../images/h_hosthistoryreport.gif); width: 205px; height: 22px; 
	border: none; float: left; margin-bottom: 0;
}
.hosthistory #swfname { float: left; margin-top: -4px; color: #00C5E8; margin-bottom: 0; }

#hosts input.checkbox { margin-right: .5em !important; }
#hosts .graph { text-align: center; }
#hosts th.host a { background: url(../../images/icon_folder.gif) no-repeat 0 2px; padding-left: 20px; }
#hosts tbody td { font-size: .9em; }

#hosts tbody tr.url { font-size: .9em; }
#hosts tbody tr.url .graph input { margin-left: .5em; }
#hosts tbody tr.url td { padding-left: 2em; background-color: #FFFEE3; }
#hosts tbody tr.url th { padding-left: 3em; background-color: #FFFEE3; }
#hosts tbody tr.url .graph {  }

.hosthistory tbody.loading-row td { text-align: center; background: #f3f3f3; }

/* ---- SHARE STATS -----------------------*/

.sharestats #pagetitle { 
	background-image: url(../../images/h_sharestats.gif); width: 195px; height: 21px; 
	border: none; float: left; margin-bottom: 0;
}
.sharestats #swfname { float: left; margin-top: -4px; color: #00C5E8; margin-bottom: 0; }

#hosts input.checkbox { margin-right: .5em !important; }
#hosts .graph { text-align: center; }
#hosts th.host a { background: url(../../images/icon_folder.gif) no-repeat 0 2px; padding-left: 20px; }
#hosts tbody td { font-size: .9em; }

#hosts tbody tr.url { font-size: .9em; }
#hosts tbody tr.url .graph input { margin-left: .5em; }
#hosts tbody tr.url td { padding-left: 2em; background-color: #FFFEE3; }
#hosts tbody tr.url th { padding-left: 3em; background-color: #FFFEE3; }
#hosts tbody tr.url .graph {  }

.sharestats tbody.loading-row td { text-align: center; background: #f3f3f3; }

/* ---- PROJECTS -----------------------*/
.manage_projects h1#pagetitle { background: url(../../images/h_manage_projects.gif) no-repeat; }
.create_project h1#pagetitle { background: url(../../images/h_create_project.gif) no-repeat; }
.edit_project h1#pagetitle { background: url(../../images/h_edit_project.gif) no-repeat; }

/* ---- COMMENTS -----------------------*/
.comments #pagetitle {
    background-image: url(../../images/h_feedback.gif); width: 115px; height: 30px;
    border: none; float: left; margin-bottom: 0;
}

.comments .col2 { float: right; margin-top: 1.9em; }
.comments .col1 { float: left; width: 615px; }

.comments #column-main h1 { font-size:  1.6em; color: #00C5E8; margin-bottom: .3em; }
.comments #showCommentFormLink, .comments #hideCommentFormLink { background: url(../../images/icon_smallcomment_add.gif) no-repeat left center; font-weight:  bold; font-size:  .9em; padding: 0px 0 3px 18px; float:left;}
.comments #hideCommentFormLink { background-image:  url(../../images/icon_smallcomment_minus.gif); }
.comments #postComment { margin: 1em 0; }
.comments #postComment textarea { width: 100%; height: 150px; margin: .5em 0 .5em; }
.comments .commentsCurrentPage { float:right; font-size: .9em; }
.comments .commentsCurrentPage-shared { float:right; font-size: .9em; }


.comments #swfname { float: left; margin-top: -4px; color: #00C5E8; margin-bottom: 0; }

.comments .comment-date { margin-top: 1em; }
.comments .comment-date div { border-top: 1px solid #ddd; height: 1px; font-size: 1px; clear: both; }
.comments .comment-date p {  float: left; margin-top:  .6em;
	background: url(../../images/date.gif) no-repeat; height: 63px; width: 45px; 
	color: #929292; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; line-height: 1; padding: 16px 0 0 0; font-size: .8em; 
	text-transform: uppercase; 
}
.comments .comment-date p span.day { font-size: 2.2em; display: block; color: #686161; font-weight: bold; }

.comments dl { margin: 3px 0 0 0px; padding-bottom: 10px; border-bottom: 0px solid #eee; width: 555px; float: right; }
.comments dl dd { margin: 0; padding: 10px 5px; line-height: 1.5; font-size: .9em; color: #555; background: #fdfdfd; }
.comments dl dt { margin-top: 10px; background: #f4f4f4; padding: 5px; }
.comments dl .comment-delete { background: url(../../images/delete-icon.gif) no-repeat; margin-left: 5px; height: 16px; width: 16px; position: absolute; text-indent: -9999em; }
.comments dl a.comment-delete { overflow: hidden; }
.comments dl a:hover.comment-delete { background: url(../../images/delete-icon.gif) no-repeat 0 -16px !important; }
.comments dl dt a:hover strong { color: #00C5E8; }

.comments dl dt.author-comment { background: #c9edf3; }
.comments dl dt.author-comment strong, .comments dt.author-comment a, .comments dt.author-comment { color: #297784; }
.comments dl dd.author-comment { background: #edfdff; color: #398794; }


.comments .pagingNav { padding-top:20px; margin-left:  55px; }
.comments .pagingNav a { padding-right: .6em; font-weight:  bold; }
.comments .pagingNav .active-page { font-size:15pt; }



.comments .comment-stats { background: url(../../images/g_arrowbox-comments.gif) no-repeat; height: 202px; width: 212px; padding: 10px 10px 10px 49px; }
.comments .comment-stats h3 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #b3eef8; text-align: center; font-size: 1.6em; }
.comments .comment-stats h3 span { font-size: 1.4em; vertical-align: middle; color: #00c5e8; }
.comments .comment-stats p { text-align: center; color: #4b4545; font-family: Arial, Helvetica, sans-serif; font-style: italic; }
.comments .comment-stats p strong { display: block; font-style: normal; }
.comments .comment-rank { background: #f2fced; border-top: 1px solid #dcf3d7; border-bottom: 1px solid #dcf3d7; text-align: center; }
.comments .comment-rank p { color: #19a611; margin-bottom: 5px; }
.comments .comment-rank p span { font-style: italic; font-size: 1.2em; font-weight: bold; }
.comments p.comment-feed { font-size: .9em; padding: 0 0 0 20px; font-style: normal; margin: 15px 0 0 10px; text-align: left; background: url(../../images/feed-icon.gif) no-repeat; }

.comments .comment-options h3 { background-image: url(../../images/h_options.gif); width: 64px; height: 16px; margin-bottom: .5em; }
.comments .comment-options .tooltip { line-height: 1.2em; }
.comments .comment-options-top { background: url(../../images/g_comment-option-box-top.gif) no-repeat; height: 5px; width: 232px; margin-left: 39px; font-size: 1px; }
.comments .comment-options-bottom { background: url(../../images/g_comment-option-box-bottom.gif) no-repeat; height: 6px; width: 232px; margin-left: 39px; }
.comments .comment-options { background: #fffee3; border-left: 1px solid #d5d3a7; border-right: 1px solid #d5d3a7; padding: 10px 10px 10px 9px; margin-left: 39px; width: 211px; }
.comments .comment-options ul { margin: 0 0 5px 0; }
.comments .comment-options li { background: none; padding: 5px 0; }
.comments .comment-options #save { margin-left: 75px; }
.comments .comment-options .comment-question { background: url(../../images/question-icon.gif) no-repeat; margin-left: 5px; height: 16px; width: 16px; position: absolute; text-indent: -9999em; }
a:hover.comment-question { background: url(../../images/question-icon.gif) no-repeat 0 -16px !important; }
.comments .comment-options .option-extra { font-size: .8em; font-style: italic; color: #666; margin: -15px 0 0 24px; }
.comments .comment-options .swfurl { width: 97%; }
.comments .comment-options .option-extra a { background: url("../../images/icon_trafarrow.gif") no-repeat left .2em; padding-left: 16px; font-size: 1em; }
.comments .comment-options .option-extra { margin-left: 1.8em }

.comments p.comment-feed em { font-style: italic; }
.comments p.comment-feed a:link, 
.comments p.comment-feed a:visited,  
.comments p.comment-feed a:link em,
.comments p.comment-feed a:visited em { color: #e17831; text-decoration: underline; }
.comments p.comment-feed a em { color: #e17831; background: none; } 
.comments p.comment-feed a:hover, 
.comments p.comment-feed a:active,  
.comments p.comment-feed a:hover em,
.comments p.comment-feed a:active em { color: #00c5e8; text-decoration: underline; }

/* @group Account */

.account h1#pagetitle { background-image: url(../../images/h_youraccount.gif); }
.account #column-main { position: relative; }

.account #merge { margin-left: 22px; margin-top: 20px; border-top: 1px dotted #ddd; padding-top: 15px; width: 500px; font-size: .9em; }

.email h1#pagetitle { background-image: url(../../images/h_email.gif); }
.password h1#pagetitle { background: url(../../images/h_password.gif) no-repeat; }
.email_preferences h1#pagetitle { background: url(../../images/h_email_preferences.gif) no-repeat; }

.password div.field { margin-bottom: .5em; }
.password div.newpass { float: left; margin-right: 20px;  }
.password #save { margin-right: 1em; }

.import table { width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.import h3 em { background: none; color: #00c5e8; }
.import table th { text-align: left; padding: 4px 10px; background: #454d4d; color: white; font-size: .9em; }
.import table td { border-bottom: 1px solid #ddd; padding: 4px 10px; }

/* @end */

/* ---- GENERAL ELEMENTS --------------- */

ul.glossary { list-style: none; margin-left: 15px; padding: 0;  }
ul.glossary li p { margin: 0;  }
dl.glossary dt { font-weight: bold;  }
dl.glossary dd { display: inline; }
dl.glossary dd p { display: inline; }

.fresh { color: #34A00C; background: url(../../images/icon_fresharrow.gif) no-repeat left center; padding-left: 10px; }
.stale { color: #B31B1B; background: url(../../images/icon_stalearrow.gif) no-repeat left center; padding-left: 10px; }



/* ---- IE PNG HACKS --------------------- */
* html .backend #top { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/top-w.png'); }
* html .backend #body { 
	background-image: none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../../images/background-body-w.png');
}
* html .backend #bottom { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bottom-w.png');  }

html>body.backend #top { background: url("../../images/top-w.png") no-repeat top; }
html>body.backend #body { background:  url("../../images/background-body-w.png") repeat-y top; }
html>body.backend #bottom { background:  url("../../images/bottom-w.png") no-repeat top; }