div.linkdd {
 background: url("/images/interaction/bar_bg_big-blue.png");
 height: 28px;
 margin: 0px 0 1px 0;
}
div.linkdd .linkddLeftSide {
 float: left;
 background: url("/images/interaction/bar_bg_big-blue-left.png");
 width: 5px;
 height: 28px;
}
div.linkdd .linkddRightSide {
 float: right;
 background: url("/images/interaction/bar_bg_big-blue-right.png");
 width: 5px;
 height: 28px;
}

div.linkdd ul {
 list-style-type: none;
 list-style-position: outside;
 list-style-image: none;
 height: 28px;
 margin: 0 0 0 0px;
 padding-left: 0px;
}
div.linkdd ul li {
 display: inline; 
 float: left;
 position: relative;
}
div.linkdd ul li,
div.linkdd ul li a {
 color: #e1eeff;
 font-family: Tahoma, Arial;
 font-size: 11px;
 font-weight: bold;
}
div.linkdd a:hover { display: block; }
div.linkdd ul li a { 
 float: left; 
 display: block; 
 height: 28px; 
 line-height: 28px; 
 text-decoration: none !important;
 padding: 0 6px 0 6px;
}
div.linkdd ul li a:hover, 
div.linkdd ul li.selected a
{
 background: url("/images/interaction/bar_bg_big-blue-hover.png");
}

div.linkdd li .ddnote { font-weight: normal; }

div.linkdd li ul {
 display: none;
 position: absolute;
 top: 28px;
 left: 0px;
 margin: 0px;
 background-color: #dbe9fc;
 border: 1px solid #416393;
 height: auto;
 min-width: 160px;
 padding: 5px 0 5px 0;
}
div.linkdd li li {
 float: none;
 display: block;
}
div.linkdd li:hover ul,
div.linkdd li.hover ul,
div.linkdd li ul.hover
{
 display: block;
}

div.linkdd ul li li { min-width: 160px; width: auto; }

div.linkdd ul li li a {
 color: #416393;
 font-weight: normal;
 height: auto;
 line-height: 12px;
 padding: 3px 3px 3px 15px;
 display: block;
 float: none;
 position: relative;
 background: url("/images/icons/mini-bullet.png") no-repeat 6px 8px !important;
}
div.linkdd ul li li a.bold {
 background-image: none !important;
 font-weight: bold;
 padding-left: 5px;
}

div.linkdd ul li li a:hover, div.linkdd ul li li.selected a {
 background-color: #c1d3ec !important; 
}


div.linksub {
 margin: 3px 0 2px 4px;
 height: 22px;
}


div.linksub a {
 color: #777777;
 font-family: Tahoma, Arial;
 font-size: 11px;
 font-weight: bold;
}
div.linksub a { 
 float: left; 
 display: block; 
 height: 22px; 
 line-height: 22px; 
 text-decoration: none !important;
 padding: 0 6px 0 12px;
 background: url('/images/icons/icons/bullet_white.png') no-repeat -3px 3px #fbfbfb;
 border-bottom: 1px solid #dedede;
 margin: 0 3px 0 0;
}
div.linksub a:hover, div.linksub a.selected {
 background-color: #f1f1f1;

 } 
 div.linksub a.selected {  border-right:  1px solid #dedede;
 border-left:  1px solid #dedede;}



div.notice,  div.successMessage, div.TplFormSectionElementError, div.TplFormSectionElementError {
 padding: 4px 4px 4px 20px;
 border: 1px solid;
 margin: 2px 0 4px 0; 
 font-size: 13px;
 font-family: Arial; 
}

div.infonotice, div.ideanotice, div.infonotice, div.ideanotice {

 border-color: #dedede;  
 color: #5d5656;
 padding-left: 20px;
 background: #f7f7f7 url("/images/icons/information.png") no-repeat 1px 4px; 

}
div.ideanotice {
 background: #f7f7f7 url("/images/icons/lightbulb.png") no-repeat 1px 4px;
}
div.warningnotice {
 
 border-color: #f2b272;
 background: #feeddb url("/images/icons/error.png") no-repeat 1px 4px;
 padding-left: 20px;
 color: #c63300;
}

div.errornotice, /*div._TplFormSectionElementError,*/ div.TplFormSectionElementError {
 
 border-color: #d64949;
 background: #ffd8d8 url("/images/icons/exclamation.png") no-repeat 1px 4px;
 padding-left: 20px;
 color: #e12929;
}

div.successnotice, div.successMessage {
 background: #eafbe8 url("/images/icons/success.png") no-repeat 1px 4px;
 border-color: #a0cf9a;
 color: #3e653a;
 padding-left: 20px;
}

.clearfix { clear: both; }

.bb_quote_area {
 margin: 3px 8px 3px 8px;
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:11px;
  font-weight: bold; 
}
.bb_quote_area_sub {
  background-color: #f7f7f7;
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:11px;
  padding: 1px 0 1px 3px;
  margin: 2px 0 0 0;
  border-bottom: 1px solid #dedede;
}

span.small-link {
 font-size: 9px;
 font-weight: normal;
}


#USR {
 margin: 2px;
} 
#USR DIV.result {

 clear: both;
 min-height: 100px;
 margin: 4px;
 /*background-color: #fbf7f7;*/
 background: #ffffff;
 padding-bottom: 2px;
 border-bottom: 1px solid #b9b9b9
}

#USR DIV.result .left {
 float: left;
 width: 140px;
 border: 1px solid #fbf7f7;
 margin: 1px;
 text-align: center;
 display: inline;
 padding: 1px 0 0 0;
}

#USR DIV.result .right {
 float: right;
 width: 100px;
 margin: 0 5px;
}

#USR DIV.result .middle {
 min-height: 100px;
 margin: 0 120px 0 145px;
}
#USR DIV.result DIV .detail {
 background-color: #fbf7f7;
 border-bottom: 1px solid #b9b9b9;
 margin: 2px 0 4px 0;
 padding: 1px;
}

#USR DIV.result DIV .detail .header {
 font-family: Tahoma, Arial;
 font-size: 15px;
 font-weight: bold;
}

#USR DIV.result DIV .detail .title {
 font-family: Tahoma, Arial;
 font-size: 11px;
 font-weight: normal;
 color: #5d5656;
}

 #profile {} 
 #profile .right {
   margin-left: 110px;
 }
 #profile .left {
   float: left;
   padding: 20px 2px 2px 2px;
   width: 106px;   
 } 
 #profile .left .statusOnline,  #profile .left .statusOffline {
  font-family: Tahoma, Arial, Verdana;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0 2px 18px;
  margin: 3px 0 3px 0;
 }
 
 #profile .left .statusOnline {
  color: green;
  background: url("/images/icons/status_online.png") no-repeat top left;
 }
 #profile .left .statusOffline {
  color: red;
  background: url("/images/icons/status_offline.png") no-repeat top left;
 } 
 #profile .left .links .friend,  #profile .left .links .message { 
  font-family: Tahoma, Arial, Verdana;
  font-size: 11px;
  padding: 2px 0 2px 18px;
  margin: 3px 0 3px 0; 
 }
   #profile .left .links .friend { 
     background: url("/images/icons/add_friend.gif") no-repeat top left;
   }
   #profile .left .links .message { 
     background: url("/images/icons/message.gif") no-repeat top left;
   }
 #profile .section {
  margin: 5px 2px 10px 2px;
 }
 
 #profile .section .note {
  background-color: #f7f7f7;
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:11px;
  padding: 1px 0 1px 3px;
  margin: 1px 3px 3px 3px;
  border-bottom: 1px solid #dedede;
 }
 #profile .section .mainHeader {
  border-bottom: 1px solid #b9b9b9;
  font-family:Tahoma,Arial;
  font-size:15px;
  font-weight:bold;
  color: #5b5b5b;
 }
 
 #profile .section .header {
  border-top: 1px solid #b9b9b9;
  background-color: #ededed;
  font-family:Tahoma,Arial;
  font-size:13px;
  font-weight:bold;
  color: #5D5656;
  padding: 1px 0 1px 2px;
 }
 #profile .section .content {
  margin: 2px;
 }
 #profile .section .content .groupTitle {
  font-family:Tahoma,Arial;
  font-size:12px;
  font-weight:bold;
  color: #5D5656;
  margin: 7px 0 3px 0;
 }
 
 #profile .section .content .node {  
  border-bottom: 1px solid #ebebeb;
  margin: 2px 0 2px 0;
 }
 #profile .section .content .node .title {
  float: left;
  width: 110px;
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:11px;
  font-weight: normal;
 }
 #profile .section .content .node .value {
  margin-left: 111px;
 }
 
 
 /* Comment Display */
 #profile .section .comments .note {
  background-color: #ffffff;
 }
 
 #profile .section .comments .comment {
  border-bottom: 1px solid #ebebeb;
  margin: 6px 5px 15px 5px;
  clear: both;
 }
 #profile .section .comments .comment .left {
  float: left;
  width: 105px;
  padding: 2px;
  text-align: center;
 }
 
 #profile .section .comments .comment .right {
  margin-left: 110px;
 }
 
 #profile .section .comments .comment .right .header {
  background-color: #d2dce7;
  color: #3e4d5c;
  font-size: 12px;
  border: 0;
  border-bottom: 1px solid #9ba9b7;
  padding: 1px;
 }
 #profile .section .comments .comment .right .body {
 
 }
 
 #profile .section .comments .comment .right .options {
  background-color: #ebeff3;
  color: #3e4d5c;
  font-family:Tahoma,Arial;
  font-size:11px; 
 }
 #profile .section .comments .comment .footer {
  background-color: #ebeff3;
  color: #3e4d5c;
  font-family:Tahoma,Arial;
  font-size:11px;  
  clear: both;
  margin-left: 110px;  
  padding: 0px 0 1px 3px;
 }
 #profile .section .comments .comment .footer IMG {
   position: relative;
   top: 3px;
 }
 #profile span.small {
  font-size: 10px;
  font-weight: normal;
 }
 
 
 
 /**
  * A bar/chart style
  */
DIV.barChart {
 margin: 2px 8px 8px 8px;
}
DIV.barChart DIV.barContainer {
}
DIV.barChart DIV.barContainer DIV.label {
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:12px;
}
DIV.barChart DIV.barContainer DIV.optionContainer {
 margin: 0 0 5px 0;
}

DIV.barChart DIV.barContainer DIV.label SPAN.percentage {
 color: #3e4d5c;
 font-weight: bold;
}

DIV.barChart DIV.barBody {
 border: 1px solid #dedede;
 padding: 2px;
}
DIV.barChart DIV.bar {
 background-color: #d2dce7;
 height: 20px;
 min-width: 3px;
}
DIV.barChart DIV.footnote {
  text-align: right;
  font-style: italic;
  background-color: #f7f7f7;
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:11px;
  padding: 1px 0 1px 3px;
  margin: 1px 0px 0px 0px;
  border-bottom: 1px solid #dedede;
}
 
 
 
 /**
  * Header Sections
  */
DIV.headerContainer {
 margin: 2px 1px 2px 1px;
}
DIV.headerContainer DIV.foot, DIV.headerContainerSub DIV.head {
 background-color: #b7c365;
 height: 1px;
 margin: 1px 0 1px 5px;
 clear: both;
}
DIV.headerContainerSub {
 background: transparent url("/images/icons/arrow_blue.gif") no-repeat 8px 10px;
 padding-left: 15px;
}

DIV.headerContainer DIV.title {
  border-bottom: 1px solid #b7c365;
  background: #d6dce7;
  font-family:Tahoma,Arial;
  font-size:13px;
  font-weight:bold;
  color: #5b5b5b;
  padding: 1px 0 1px 5px;
  margin: 0 0 2px 0;
}
 
DIV.headerContainer DIV.element {
 background-color: #ffffff; font-weight: normal; font-family: Tahoma; font-size: 11px;
 margin: 0px 2px 1px 2px;
 color: #828d3b;
 padding: 6px 6px 6px 6px;
 min-width: 60px;
 float: left;
 text-align: center;
 cursor: pointer;
}
DIV.headerContainer DIV.element a {
 color: #828d3b;
}
DIV.headerContainer DIV.spacerElement {
 margin: 5px 2px 2px 2px;
 background-color: #b7c365;
 height: 15px;
 float: left;
 width: 1px;
}

DIV.headerContainer DIV.selected {
 background: #d4dda2;
 font-weight: bold;
}
DIV.headerContainer DIV.hover {
 background: #d4dda2;
}
 
 
 
 /**
  * New Style
  */

/* Container for the whole content page area */
.scriptContainer {  }
.scriptContainer .options {
  background-color: #ffffff;
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:11px;
  padding: 1px 5px 1px 5px;
  margin: 1px 3px 3px 3px;
  border: 1px solid #dedede;
}
.scriptContainer .options SELECT { font-size: 9px; }
.scriptContainer .options .paginator { padding-top: 3px; }

TABLE.tabular {
 margin: 0px;
 width: 100%;
}

TABLE.tabular TD {
 border-right: 1px solid #dedede;
 border-bottom: 1px solid #dedede; 
 margin: 2px;
 padding: 1px;  
 vertical-align: top;
}
TABLE.tabular TD .note {
 margin: 1px 1px 1px 0;
}
TABLE.tabular TR.tableTitle TD {
 border: 0px;
 padding: 2px;
font-family:Tahoma,Arial;
  font-size:15px;
  font-weight:bold;
  color: #5b5b5b; 
}
TABLE.tabular TR.header TD {
  background-color: #d2dce7;
  color: #3e4d5c;
  font-size: 12px;
  border: 0px;
  border-bottom: 1px solid #9ba9b7;
  border-top: 1px solid #b9b9b9;
  padding: 1px;
}
TABLE.tabular TR TD.header {
 color: #3e4d5c;
 font-size: 11px;
 background-color: #f3f6fa;
 width: 25%;
}
TABLE.tabular TR TD.header-strong {
  padding: 2px;
  font-family:Tahoma,Arial;
  font-size:13px;
  font-weight:bold;
  color: #5b5b5b; 
  width: 25%;
}
TABLE.tabular TR.selected TD {
 background-color: #ebeff3;
}


input.button {
 /* background-color: #d2dce7;
  border: 1px solid #b9b9b9;*/
  color: #3e4d5c;
  font-size: 10px;

  padding: 1px;
} 

/* The header text for the page */
.scriptHeader { 
/*
  border-bottom: 1px solid #b9b9b9;
  font-family:Tahoma,Arial;
  font-size:15px;
  font-weight:bold;
  color: #5b5b5b;
  background: #f3f3f3;
  padding: 2px 0 2px 5px;
  */
  background: url("/images/interaction/background_page-title-blue.png");
  color: #4b84af;
  font-family:Tahoma,Arial;
  font-size:15px;
  font-weight:bold;  
  height: 25px;
  padding: 6px 0 0px 15px;
  border-bottom: 1px solid #4b84af;
}
.scriptHeaderText {	 }

/* A description for the page; this is not on every page. */
.scriptContainer .desc, .scriptContainer .description, .scriptContainer .details {
  background-color: #f7f7f7;
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:11px;
  padding: 1px 0 1px 3px;
  margin: 1px 3px 3px 3px;
  border-bottom: 1px solid #dedede;
}

.scriptContainer .descError {
 background-color: #F6D5D5;
 color: #D85E5E;
 font-family: Verdana, Arial;
 font-size: 12px;
 border: 1px solid #D85E5E;
 padding: 2px;
 margin-bottom: 2px;
}

/* The overall page container, excluding header text */
.scriptBodyContainer {
  margin: 3px 5px 3px 5px;
}
.scriptContainer INPUT, .scriptContainer SELECT, SELECT {
 font-family: Tahoma, Arial, Verdana;
 font-size: 11px;
}

/* An internal container for further manipulation */
.scriptBody { }

/* An container for the individual entry for the page's sections. */
.scriptBodyEntry, .scriptLightBodyEntry {
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both
}

.scriptLightBodyEntry .scriptBodyEntryTitle { 
 background: #ffffff;
 padding: 2px;
 font-family:Tahoma,Arial;
  font-size:15px;
  font-weight:bold;
  color: #5b5b5b; 
  border: none; 
}
.scriptLightBodyEntry .scriptBodyEntryTitle a, 
.scriptLightBodyEntry .scriptBodyEntryTitle a:hover {
 text-decoration: none;
 color: #5b5b5b;
 padding: 1px;
 margin-left: 1px;
}
.scriptLightBodyEntry .scriptBodyEntryTitle a:hover {
 border: 1px dotted #5b5b5b;
 background: #f9f9f9;
 margin-left: 0px;
}

/* The container for title section for this section entry */
.scriptBodyEntryTitle {
  background-color: #9cc674;
  color: #547a35;
  font-size: 12px;
  border: 0;
  border-bottom: 1px solid #547a35;
  font-weight: bold;
  padding: 3px 0 0 2px;  
  height: 17px;
  margin-bottom: 1px;
}

/* The span element containing the actual title text for the section entry */
.scriptBodyEntryTitleText { }

/* A container for the main body of the section. */
.scriptBodyEntryBody
{
 margin: 2px;
}

/*._TplFormSectionElementEven, ._TplFormSectionElementOdd, */.TplFormSectionElementEven, .TplFormSectionElementOdd {
  border-bottom: 1px solid #ebebeb;
  margin: 5px 4px 5px 4px;
  clear: both;
  padding: 0px 0 0 2px;
}
/*div._TplFormSectionElementName,*/ div.TplFormSectionElementName, .scriptBody .title {
  float: left;
  width: 110px;
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:11px;
  font-weight: bold;
}
/*DIV._TplFormSectionElementInput,*/ DIV.TplFormSectionElementInput {
 margin-left: 115px;
 padding: 0 0 3px 0;
}
/*DIV._TplFormSectionElementInput TEXTAREA,*/ DIV.TplFormSectionElementInput TEXTAREA {
 width: 565px;
	font-size: 12px; 
	background-color: #ffffff; 
	border: 1px solid #97b4de;
}

/*DIV._TplFormSectionElementInput .wide, */DIV.TplFormSectionElementInput .wide {
  margin-left: -115px;
  clear: both;
}


/* A content text entry in the main body of the section. Typically a description, or a note. */
.scriptBodyEntryBody .content, /*DIV._TplFormSectionElementDesc,*/ DIV.TplFormSectionElementDesc {
  background-color: #f7f7f7;
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:11px;
  padding: 1px 0 1px 3px;
  margin: 1px 3px 3px 3px;
  border-bottom: 1px solid #dedede;
  clear: both;
}

/* A title text for an input entry, or a subset of input entries. */
.scriptBodyEntryBody .title {
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #262626;	
}
/* A subset for the title text to make it smaller. Used if it is an entry of a group. */
.scriptBodyEntryBody .small { font-size: 11px; }

/* Form fields */
.scriptBodyContainer INPUT, .scriptBodyContainer SELECT  { 	font-family: Verdana, Arial; font-size: 11px;  }
.input, #formTextInput { 	font-family: Tahoma, Verdana, Arial;
	font-size: 12px; 
	background-color: #ffffff; 
	border: 1px solid #97b4de;
	
	/* Default width */
	width: 200px; }

/* A small note to something (usable in a span or a div) */
.scriptBodyEntryBody .note {
  background-color: #f7f7f7;
  color:#5D5656;
  font-family:Tahoma,Arial;
  font-size:11px;
  padding: 1px 0 1px 3px;
  margin: 1px 3px 3px 3px;
  border-bottom: 1px solid #dedede;
}
	
.scriptBodyEntryBody .error {
 background-color: #F6D5D5;
 color: #D85E5E;
 font-family: Verdana, Arial;
 font-size: 11px;
 border: 1px solid #D85E5E;
 padding: 1px;
 margin-bottom: 2px;
}
.scriptBodyEntryBody .inputError {
 background-color: #F6D5D5;
}
/* Absolute width defined for outer tables in a section entry. */
.scriptTable { width: 589px; }