/*********************************************************************/
/* TCG Skin							                         		 */
/* Last Update: 02-09-2009 by Ann Chanyoursang						 */											
/*********************************************************************/

body 				{ font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;						
			   	  	  color: #666;
					  line-height: 17px;
					  text-align: center;
				  	  margin-top: 0px auto 10px auto;
  				  	  background-image: url(images/BG.jpg); 
				  	  background-repeat: repeat-x;	
				  	  background-position: center top;
					  background-color: #f9f9f9;
				  	  /*position: bottom;	*/
					}

td					{ font-size: 11px; }


hr 					{ width: 100%; 
					  margin-top: 5px;
					  margin-bottom: 5px;
					  border: transparent; 
					  border-bottom: 1px solid #CDCFBA;
					}

h1, .t1				{ font-size: 17px; }
h2, .t2				{ font-size: 15px; }
h3, .t3				{ font-size: 13px; }
h4, .t4				{ font-size: 12px; }
h5, .t5				{ font-size: 11px; }
h6, .t6				{ font-size: 11px; }
dt					{ font-size: 11px; }

h1, h2, h3, h4, h5, h6, dt	
					{ color: #556b2f; font-family: Trebuchet MS, Verdana; font-weight: bold;}
	
.t1, .t2, .t3, .t4, .t5, .t6	
					{ color: #81a511; font-family: Trebuchet MS, Verdana; font-weight: bold;}
					

.LeftPane h1, .LeftPane h2, .LeftPane h3, .LeftPane h4, .LeftPane h5, .LeftPane h6, .LeftPane dt	
					{ color: #fc960a; font-family: Trebuchet MS, Verdana; font-weight: bold;}

.Head				{ font: normal bold 17px Trebuchet MS, Verdana;
					  color: #556B2F;					  
					}

.SubHead 			{ color:#666; }

blockquote, pre 	{ margin-top: 5px;}

ul li				{ list-style-type: circle; 
				  	  list-style-image: none; 
				  	  list-style-position: 15px;}
ul li li			{ list-style-type: square;}
ul li li li			{ list-style-type: circle;}
ol li				{ margin-left: 15px;}
ol ol li			{ }
ol ol ol li			{ }	

.radr_clipRegion .radr_itemsList li { list-style-type: none;} /*Fixed ATRadRotator list-style issue*/

a:link, a:visited, a:active 
					{ color: Maroon;
					  text-decoration: none;
					}

a:hover 			{ color: black;
					  text-decoration: none;  
					}

a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active  
					{ color: Maroon;
					  text-decoration: none;
					}

.SkinObject 		{ font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
			    	  color: #666;    
				      text-decoration: none;
					}

A.SkinObject:link, A.SkinObject:visited, A.SkinObject:active 
					{ text-decoration: none;
				      color:#666;
					}

A.SkinObject:hover  { text-decoration: none;
				      color:#fc960a;
					}
/*********************************************************************/
/* Skin Layout      												 */
/*********************************************************************/
.TCG_MainWrapper	{ width: 787px;		
				  	  margin:0 auto;			  
					}
				
	.TCG_User		{ text-align: right;
				 	  color: #666;					  
					  margin-top: 7px;
					  margin-bottom: 5px;
					}
	
	.ImagePane		{ height:auto;
					  background-color: #BDCAB5;
					}
					
	.TCG_Menu		{ text-align: right;				  
				  	  height: 42px; 				  	  
				  	  padding-left: 10;					  
					  border-top: solid 2px #fff;
				  	  border-bottom: solid 2px #fff;
				  	  background-color: #fc960a;	
					}
					
	.TCG_ContentHolder
					/*Set the same color as the RightPane_Div so it will look like it's the same length as content */
					{ background-color: #fff; } 
		/*----------------------------------------------------------------------------*/			
		
		.LeftColHolder	{ float: right;
						  width: 180px; 
						  background-color: #fff;	
						}
			.LeftPaneHolder { z-index:1;
							  position: relative;
							  left: -607px;
							  /*width: 160px;*/
							  width: auto;
							  min-height: 150px;
							  height: auto !important;
							  height: 150px;	
							  text-align: left;						  
							  background-color: #d2e0c9;	
							  border: solid 10px #d2e0c9;
							}
	
				/* AT_RadTreeview style control*/
				.TCG_ATradtreeview 
								{ padding-bottom: 10px; }
								
				.TCG_ATradtreeview ul li 
								{ list-style-type: none;
								  list-style-image: none;						
								}
					.TCG_ATradtreeview ul li a:link, .TCG_ATradtreeview ul li a:visited
								{ color: #000;
								  border: 0px;
								  background-color: transparent;
								  background-image: none;
								}
								
					.TCG_ATradtreeview ul li a:hover
								{ color: #DF5E00;
								  border: 0px; 
								  background-color: transparent;
								  background-image: none;
								}							
				
				.LeftPane 		{ font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;						
			   	  	  			  color: #4f2e01;
								}
								
					.LeftPane table {width: auto;} /*fix module with table 100% issue in IE*/
					 
					.LeftPane a:link, .LeftPane a:visited
									{ color: #cc7d00; 
									  text-decoration: none;
									}
					.LeftPane a:hover
									{ color: #FF0000;
									  text-decoration: none;
									}				
		/*----------------------------------------------------------------------------*/
		
		.RightColHolder { float: left;
						  width: 607px;
						  background-color: #d2e0c9;	
						  clear: left; /*Important !!! Fixed View Edit Mode Issue*/
						}
			.RightPaneHolder{ z-index:2;
							  position: relative;
							  left:180px;
							  width: 607px !important;
							  text-align: left;
							  background-color: #fff;								  						 
							}
							
				.TCG_BreadCrumb
								{ width: auto; 
								  height: 31px; 
								  padding-top: 7px;
								  padding-left: 10;
								  border-bottom: solid 2px #fff;
								  border-left: solid 2px #fff;
								  background-color: #bdcab5;
								}
								
				.TCG_HeaderBGimg
								{ height: 100px;
								  border-left: solid 2px #fff;
								  background: #fff url(images/mantisface.jpg) no-repeat top; 		
								}
				
				.ContentPane	{ width: 100%; /*AppTheory*/
								  line-height: 17px;	
								  padding: 12px;
								  background-color: #fff;
								}
					
					.ContentPane table {width: auto;} /*fix module with table 100% issue in IE*/
					
					.ContentPane a:link, .ContentPane a:visited
									{ color: #fc960a; 
									  text-decoration: none;
									}
					.ContentPane a:hover
									{ color: #FF0000;
									  text-decoration: none;
									}
									
					.ContentPane img{ max-width: 550px; 
									  width: expression(this.width > 550 ? 550: true);	/*IE - max-width*/								  
 									}
					
				.LeftContentPane{ 
								  padding: 12px;
								  padding-top: 0px;
								}
				 
				.RightContentPane
								{ width: 50%; 
								  padding: 12px;
								  padding-top: 0px;
								}
				.BottomContentPane
								{ padding: 12px;
								  padding-top: 0px;
								  padding-bottom: 0px;
								}								
				
		/*----------------------------------------------------------------------------*/		
		.ClearColumns	{ clear:both; } /* Important: Clear left & right columns*/
									
	.TCG_Footer		{ height:19px;
					  margin-bottom: 10px; 
					  border-top: solid 2px #fff;
					  background-color: #ffa830;
					}	
					
	.AT_Footer		{ height:45px;
					  margin-bottom: 0px; 					  
					  padding-left: 29px;
					  border-top: solid 2px #fff;
					  border-left: solid 2px #fff;
					  background-color: #e5ede0;
					}	

/*.ContentPane .cnt_ContentPane, .ContentPane table	{ width: 575px; border: solid 1px #f5f5f5; }*/
								
/*********************************************************************/
/* Blog Module	 													 */
/*********************************************************************/

.home_blogTitle, home_blogBody 
						{ padding-bottom: 10px; }

.blog_line				{ padding-top: 5px; padding-bottom: 5px; border-bottom: dotted 1px #ccc;}

.blog_body				{ width: 540px; line-height: 17px;}
.blog_body p			{ font: normal normal 11px Verdana, Arial, Helvetica, sans-serif; line-height: 17px;}

	.LeftContentPane .blog_body 
						{ width: auto;}
	.RightContentPane .blog_body 
						{ width: auto;}





.ContentPane pre
						{ width: 540px; 
						  overflow: auto; /*Fixed PRE width issue*/
						  white-space: pre-wrap;       /* css-3 */
						  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
						  white-space: -pre-wrap;      /* Opera 4-6 */
						  white-space: -o-pre-wrap;    /* Opera 7 */
						  word-wrap: break-word;       /* Internet Explorer 5.5+ */
						  white-space: normal;
						}

.blog_body, span .blog_body { font: normal normal 11px Verdana, Arial, Helvetica, sans-serif; line-height: 17px; /*App - Blog font*/ }
	
	.blog_body div 
						{ overflow: scroll;
						  width: 520px;	
						  height: auto;
						  margin: 0px;
						  padding: 0px;
						}
						
/*div .d_itc_f 			{ display: none;} */
div.d_itc_f			{ overflow: hidden;} 


/* App - Blog Title */
h2.blog_title 			{ border: 0px;
 						  margin-bottom: 5px;
						  padding-bottom: 5px;
						}
						
.blog_title a:link, .blog_title a:visited, .blog_title a:active 
						{ font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
						  color: #666;
						  text-decoration: none;
						  padding-bottom: 0px;
						}
	.blog_title a:hover 	{ color: #FC960A;
							  text-decoration: underline;
							}

/* Blog Title Link on LeftPane*/
.LeftPane .blog_title a:link, .LeftPane .blog_title a:visited, .LeftPane .blog_title a:active 
						{ font: normal bold 11px Verdana, Arial, Helvetica, sans-serif;
						  color: #545647;
						  text-decoration: none;
						  padding-bottom: 0px;
						}
	.LeftPane .blog_title a:hover 	
							{ color: #6a7a00;
							  text-decoration: underline;
							}


/*Blog Author*/
.blog_Authorusername 	{ font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
						  color: #727272;
						}

/* Calendar Styles */
.Blog_Archive_DayHeader	{ font-size: .8em;
						  color: #df5e00;
						  background-color: #fff; /*App - DayHeader background*/
						}

.Blog_Archive_Title		{ font-size: .9em;
						  font-weight: bold;
						  background-color: #fff; /*App - Month title background*/
						}