body {
		 background: #f1eee5;
		 text-align: center;
		 font-family: arial, tahoma, verdana;
}

#wrapper {
		 width: 955px;
		 margin: 20px auto;
}

#topD {
		 height: 71px;
		 color: #fff;
		 font-size: 14px;
		 margin-bottom: 0;
}

/*********** CURVY BITS ****************/


#topD .leftS {
		 background: url('../images/background/top-left.png') no-repeat top left;
		 border: 0px solid red;
		 height: 78px;
		 width: 67px;
		 float: left;
		 position: relative;
}


#topD .leftS img, #topD .leftS span {
		 position: absolute;
		 margin-left: 30px;
		 top: 5;
		 border: 0;
}

#topD .rightS {
		 background: url('../images/background/top-right.png') no-repeat top right;
		 height: 77px;
		 width: 67px;
		 float: right;		 
		 border: 0px solid green;
}

/************** TOP MIDDLE ***************/

#topD .middle {
		 text-align: right;
		 width: 821px;
		 height: 71px;
		 border: 0px solid red;
		 border-bottom: #e2bc00 6px solid;
		 * height: 77px; 
		 background: #21252c;
		 float: left;
}

#topD .middle .content {
		 /* padding-top: 12px; */
		 margin-top: 12px;
		 border: 0px solid yellow;
		 * padding-top: 3px;
}

#topD .middle .content .content2 {
		 margin-top: 4px; 
		 margin-right: 5px; 
		 float: right;
}

/************* SEARCH FROM ***************/

.searchTB[class] {
		background:url('../images/background/search-back.png') no-repeat top left;
}

.searchTB {
	  background:url('../images/background/search-back.png') no-repeat top left;
		/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/search-back.png',enabled=true,sizingMethod=scale) no-repeat top left; */
		width: 159px;
		height: 27px;
		color: #000;
		display: inline-block;
		* display: inline;
		position: relative;
		border: 0px solid red;
}

.searchTB .searchTD[class] {
    background:url('../images/background/search-img.png') no-repeat top left;
}

.searchTB .searchTD {
	  background:url('../images/background/search-img.png') no-repeat top left;
		width: 131px;
		float: left;
		height: 20px;
		color: #000;
/**/
		margin-left: 3px;
		margin-top: 3px;
/**/
		border: 0px solid orange;
}

.searchTB .searchTD input.searchT {
    /**/ 
		background:transparent none repeat scroll 0 0;
    border:0 none;
		width: 130px;
		height: 20px;
		/**/
}

.searchTB input.searchI, .searchTB span.searchI {
		position: absolute;
		float: right;
		top: 5px;
		right: 3px;
		width: 16px;
    border: 0px green solid;
		height: 16px;
}


/*********** MAIN BODY *****************/

#bodTiles {
		 font-size: 14px;
		 color: #fff;
		 text-align: left;
		 margin-top: -1px;
		 width: 821px;
		 padding-left: 33px;
		 font-style: italic;
		 background: #21252c;
		 width: 955px;
		 float: left;
		 background: url('../images/background/background-strip.png') repeat-y;
		 position: relative;
}

#bodTiles img {
		 margin-right: 2px;
		 border: 0;
		 vertical-align:text-bottom;
		 margin-top: 4px; 
}

#bodTiles .middle {
		 text-align: right;
		 width: 821px;
		 height: 71px;
		 border: 0px solid red;
		 border-bottom: #e2bc00 6px solid;
		 * height: 77px; 
		 background: #21252c;
		 float: left;
}

#bod {
		 font-size: 12px;
		 color: #fff;
		 text-align: left;
		 margin-top: -1px;
		 border: 0px solid red;
		 background: #21252c;
		 width: 955px;
		 float: left;
		 background: url('../images/background/background-strip.png') repeat-y;
		 position: relative;
}

#bod .heading {
		 color: #e8bc01;
		 font-size: 18pt;
}

#bod .heading2 {
		 color: #e8bc01;
		 font-size: 14pt;
}

#bod .heading3 {
		 color: #e8bc01;
		 font-size: 12pt;
}


#bod .yellowL {
		 background: url('../images/background/yellow-line.png') no-repeat;
		 height: 1px;
		 width: 272px;
		 margin-top: 4px;
		 margin-bottom: 4px;
}

#bod .dotted {
		 width: 336px;
		 background: url('../images/background/dotted.gif') top left repeat-x;
		 height: 1px;
		 margin-top: 8px;
		 margin-bottom: 8px;
		 * margin-bottom: 0;
		 border: 0px solid red;
		 display: block;
}

#bod .leftCol {
		 width: 340px;
		 margin-left: 25px;
		 float: left;
		 padding-bottom: 8px;
}

#bod .leftCol2 {
		 margin-left: 25px;
		 float: left;
		 padding-bottom: 8px;
		 /* width: 780px; */		 
		 border: 0px solid blue;
}

#bod .cenCol {
		 width: 340px;
		 float: left;
		 margin-left: 10px;
		 padding-bottom: 8px;
}

#bod .rightSide {
		 float: right;
		 width: 190px;
		 border: 0px solid red;
} 

/********** LINKS ***********/

a:link , a:hover, a:active , a:visited {
	 	 color: #fff;
		 text-decoration: underline;
}

a.blend:link , a.blend:hover , a.blend:active , a.blend:visited {
		 color: #c5c5c5;
		 font-size: 11pt;
}

a.small:link , a.small:hover , a.small:active , a.small:visited {
		 color: #c5c5c5;
		 font-size: 10pt;
}

/********** FOOTER *********/

#footer {

}

#footer .above {
		margin-top: 12px;
	  background: url('../images/background/above-footer.png') top repeat-x;
		height: 7px;
		border: 0px solid red;
}

#footer .above .r {
	  float: right;
		background: url('../images/background/above-footer-right.png') top right no-repeat;
		height: 7px;
		width: 38px;
		border: 0px solid yellow;
}

#footer .above .l {
	  float: left;
		background: url('../images/background/above-footer-left.png') top left no-repeat;
		height: 7px;
		width: 38px;
}

#footer .content {
	  background: url('../images/background/footer-back.png') repeat-x #21252c;
		height: 76px;
		text-align: center;
		font-size: 10pt; 
		border: 0px solid blue;
		* margin-top: -7px;
}

#footer .content .l {
	  background: url('../images/background/footer-bottom-left.png') no-repeat top left;
		float: left;
		margin-left: -3px;
		* margin-left: -2px;
		border: 0px solid red;
		width: 38px;
		height: 76px;
}

#footer .content .r {
	  background: url('../images/background/footer-bottom-right.png') no-repeat top right;
		float: right;
		margin-right: -3px;
		* margin-right: -2px;
		width: 38px;
		height: 76px;
}

#footer .content .c {
	  margin-top: 20px;
}
/********** MISC ************/

.clear {
		clear: both;
}

/********* FORMS ************/

input {
	  font-size: 12px;
}

.label {
		margin-bottom: 3px;
		margin-top: 3px;
}

.label2 {
		margin-bottom: 3px;
		margin-top: 3px;
		display: inline;
}

.fElement {
	 display: inline;
}

/*********** LISTS ***********/

.minIndent ul li {
		text-indent: -5px;
}

.imgLi[class] {
    background: url('../images/icons/famfam/silk/comments.png') no-repeat;
}

.imgLI {
	  //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/famfam/silk/comments.png',enabled=true,sizingMethod=scale);
		/* list-style-image: url('../images/icons/famfam/silk/comments.png'); */
		width: 16px;
		height: 16px;
		float: left;
		border: 1px solid red;
		position: relative;
		left: -10px;
}

/********** ITEMS ***********/

.info[class] {
		background: url('../images/icons/famfam/silk/information.png') no-repeat 0px 15px #3F4A7F;
}

.info {
		padding: 15px;
		background: #3F4A7F;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/famfam/silk/information.png',enabled=true,sizingMethod=scale);
}

.info, .success, .warning, .error, .validation { 
	  /* border: 1px solid; */ 
		margin: 10px 0px; 
		padding:5px 5px 5px 50px; 
		background-repeat: no-repeat; 
		background-position: 10px center; 
		font-size: 12px; 
		width: 280px;
} 
/*
.info { 
	  /* color: #00529B; */ 
		/* background-color: #BDE5F8;  */
		/* background-color: #0A294F; */
		/* border: 1px solid #18314F; */
		/* background-image: url('../images/icons/famfam/silk/information.png'); } * /
} 
*/
.success { color: #4F8A10; 
		background-color: #DFF2BF; 
		background-image:url('../images/icons/famfam/silk/tick.png'); 
} 

.warning { 
		color: #fff;
		border: 1px solid #9F3131; 
		background-color: #7F2F2F; 
		background-image: url('../images/icons/famfam/silk/exclamation.png'); 
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader('../images/icons/famfam/silk/exclamation.png',sizingMethod='scale'); 
} 

.error { 
		color: #D8000C; 
		background-color: #FFBABA; 
		background-image: url('../images/icons/famfam/silk/error.png'); 
} 

/************** LISTING **************/

.listItem {
		font-family: arial;
		font-size: 13pt;
		padding-top: 15px;
		padding-bottom: 5px;
		border: 1px solid #21252C;
		padding-left: 3px;
		padding-right: 3px;
		/* border: 1px solid red; */
		background: url('../images/background/dotted.gif') #21252c repeat-x bottom left;
		* border-bottom: 1px solid #eee;
}

div.listItem a {
	  color: #fff;
		text-decoration: underline;
}

div.listItem:hover {
		background: #0F1A2F url('../images/background/dotted.gif') repeat-x bottom left;
		border-top: 1px solid #4F4F4F;
		border-right: 1px solid #4F4F4F;
		border-left: 1px solid #4F4F4F;
}

.listItem .small {
		margin-top: 2px;
		color: #c5c5c5;
		display: inline;
		font-weight: normal;
		font-size: 10pt;
}

.listItem .small a {
		color: #c0c0c0;
}

#codeContent {
		width: 680px;
		position: relative; 
		padding: 4px; 
		margin: 10px; 
		background: #222;  
		overflow: auto; 
		max-height: 750px; 
		font-family: monospace; 
		border: 1px solid #666;
}

.codeContentClass {
		width: 680px;
		position: relative; 
		padding: 4px; 
		background: #222; 
		overflow: auto; 
		max-height: 750px; 
		font-family: monospace; 
		border: 1px solid #666;
		margin: 15px 0;
}

#codeContentSmaller {
		width: 620px;
		position: relative; 
		padding: 4px; 
		margin: 10px; 
		background: #222;  
		overflow: auto; 
		max-height: 750px; 
		font-family: monospace; 
		border: 1px solid #666;
}


.codeContentSmallerClass {
		width: 620px;
		position: relative; 
		padding: 4px; 
		background: #222; 
		overflow: auto; 
		max-height: 750px; 
		font-family: monospace; 
		border: 1px solid #666;
		margin: 15px 0;
}

.userHead {

		border: 1px solid #666;
		padding: 4px;
		margin: 15px 10px;
		margin-left: 10px;
		background: #444;
}

.answer {
		background: #3B5F2F;
}

.assist {
    background: #9E9F3B;
}

.qaContent {
		margin-left: 10px;
}

/************** CODE ICONS *****************/
.whiteText {
		background:url('../images/icons/famfam/silk/page_white.png'); 
		width: 16px; 
		height: 16px; 
		right: 0; 
		top: 0; 
		cursor: pointer;
		position: absolute;
}

.colorText {
     background:url('../images/icons/famfam/silk/page.png'); 
		 width: 16px; 
		 height: 16px; 
		 right: 5px; 
		 top: 0; 
		 position: absolute;
		 cursor: pointer;
}

.bulletText {
		 background:url('../images/icons/famfam/silk/text_list_numbers.png'); 
		 width: 16px; 
		 height: 16px; 
		 right: 28px; 
		 top: 0; 
		 position: absolute;
		 cursor: pointer;
}

.copyText {
		 background:url('../images/icons/famfam/silk/page_copy.png'); 
		 width: 16px; 
		 height: 16px; 
		 right: 51px; 
		 top: 0; 
		 position: absolute;
		 cursor: pointer;
}

.commentText {
     background:url('../images/icons/famfam/silk/comments.png'); 
		 width: 16px; 
		 height: 16px; 
		 right: 74px; 
		 top: 0; 
		 position: absolute;
		 cursor: pointer;
}

#coding {
		display: none;
}

img.al {
	  vertical-align: text-bottom; 
}