/* Style Sheet used only for forums */


/********** Main Site Style Sheet  **********/

/********** START: Global block  **********/
body {
  background-color: #eee7d1; /* color of the empty space around the active part of the page in the center  */
  color: #333333;            /* default text color, works for all elements where it isn't redefined */
  font-family:Verdana, Arial, Helvetica, sans-serif;      /* default text style, works for all elements where it isn't redefined */
  font-size: 11px;           /* default symbol size, works for all elements where it isn't redefined */
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  line-height:16px;
}
TD
{
  vertical-align: top;
}
a:link, a:active, a:visited {
  text-decoration: none;   /* default link text decoration, works for all links until it's redefined */
  color: #00859c;               /* default link text color, works for all links until it's redefined */
}
a:hover{
  text-decoration: none;
  color:#333333;
}
img {
 border: 0px;
}

form {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
/********** END: Global block  **********/
/********** START: Page layout block **********/
#PageLayout {
	margin: 0px auto;
}
#PageLayoutContent {       /* This block includes active part of the page and separates it empty space around */
  position: relative;
  padding: 0px 4px 0px 4px;
  margin: 0px;
  background-color: #FFF;
  text-align: center;      /* this makes the block aligned with center in IE */
  margin-left: auto;       /* this makes the block aligned with center in FF, Safari, etc */
  margin-right: auto;      /* this makes the block aligned with center in FF, Safari, etc */
  width: 972px;
}
/********** END: Page layout block **********/
/********** START: Header block **********/
#Header {                  /* Header block */
  position:relative;
  width: 972px; 
  height:104px;
  border-bottom: none;
  margin: 0px;
  padding: 0px;
  line-height:normal;
}
#ServiceMenu{
  padding-top:6px;
}
#ServiceMenu a:link, #ServiceMenu a:active, #ServiceMenu a:hover, #ServiceMenu a:visited {
  color: #286d7f;
  padding: 3px 4px 4px 4px;
  text-decoration:none;
  font-weight:normal;
  font-size:10px;
}
#ServiceMenu a:hover {
  color: #333333;
  text-decoration:underline;
}
#ServiceMenu .separator{
  color: #c8c2af;
  padding: 3px 0px 4px 0px;
  font-size:10px;
  font-weight:normal;
}
#HeaderMenu {              /* Header Menu block */
  height:24px;
  margin: 0px;
  padding: 0px;
  background-color: #d6652b;
  text-align: left;
  line-height:24px;
}
#HeaderMenu .Item {
  padding:0px 10px 0px 10px;
   /* Header Menu Item border color, sould be the same as the color of the Header Menu border */ 
}
#HeaderMenu .Item a:link, 
#HeaderMenu .Item a:visited, 
#HeaderMenu .Item a:active {
  display: block;
  padding:0px 10px 0px 10px;
  text-decoration: none;   /* Header Menu Item link text decoration */
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#ffffff;
}

#HeaderMenu .Item a:hover {
  display: block;
  text-decoration: none;   /* Header Menu Item link text decoration */
  color:#333333;
}

#HeaderMenu .Item .Active a:link, 
#HeaderMenu .Item .Active a:hover, 
#HeaderMenu .Item .Active a:visited, 
#HeaderMenu .Item .Active a:active {
  text-decoration: none;   /* Header Menu Item link text decoration */
}

#HeaderMenu .separator {
  padding: 0px; /* Header Menu separator border color, sould be the same as the color of the Header Menu border */
  text-align: center;          /* Header Menu Item text align */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#ffffff;
  font-weight:normal;
  line-height:24px;
}

#Header .Banner {
                     float:left;
	width: 234px;
	height: 60px;
	margin: 12px 0px 0px 0px;                     
	padding: 0px;                     
                     position:relative;
                     left:85px;             
}
#Header .Logo {
    float: left;
	width: 327px;
	height: 104px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#Header .GraphicalHeader {
  position: relative;
  float: right;
  margin: 4px 0px 0px 0px;
  padding: 0px;
}

#Sub_Menu_Box {
	margin: 0px 0px 0px 0px;
    height: 25px;
	line-height: 25px;
	background-color:#ffffff;
}
#Sub_Menu_Box .Item,
#Sub_Menu_Box .Item .Active {
    float: left;
	border: none;
	padding: 0px 11px 0px 9px;
	text-decoration: none;
}
#Sub_Menu_Box .Item A,
#Sub_Menu_Box .Item .Active A {
    float: left;
	display: block;
	padding: 0px 11px 0px 9px;
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
	color:#286d7f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#Sub_Menu_Box .Item A:hover,
#Sub_Menu_Box .Item .Active A:hover {
	color:#333333;
}
#Sub_Menu_Box .separator { 
    float: left;
	font-size:10px;
	font-weight:bold;
	color:#286d7f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/********** END: Header block **********/

/********* START: Search block *****************/
#searchForm {
    position: relative;
    float: right;
	right: 2px;
	margin:52px 0px 0px 0px;
	padding: 0px;
}
#searchForm .input {
    position: relative;
    float: left;
	top: 0px;
	width: 196px;
	height: 16px;
	margin: 0px;
	padding: 3px 2px 0px 4px;
	border-left:1px solid #c8c8c8;
	border-top:1px solid #d0d0d0;
	border-right:1px solid #a9a9a9;
	border-bottom:1px solid #9a9a9a;
	background: url('/upload/images/search-input-box-background.gif') left bottom repeat-x #ffffff;
	color:#49362d;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#searchForm .button {
    float:left;
	width: 52px;
    height: 21px;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 2px 0px;
	_padding: 0px 0px 1px 0px;                     
	background:url('/upload/images/search_button.gif')  no-repeat center top;
	border:none;
	font-weight:bold;
	font-size: 11px;
	color:#FFFFFF;
                     cursor:pointer;
                     line-height:21px;                     
}
/********* END: Search block ***********/

/********** START: Page content block **********/
#PageContent {
  background-color: #FFFFFF;
  clear: both;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  width: 972px;
  border-top:5px solid #c8c2af;
  border-right:1px solid #c8c2af;
  border-bottom:5px solid #c8c2af;
  border-left:1px solid #c8c2af;  
}
*HTML #PageContent {
  padding: 0px;
  margin: 0px 0px 5px 0px;
  width: 100%;
}
#PageContentBodyTD {
  background-color: #FFF; 
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 7px;
  vertical-align: top;
}

#PageContentBody {
  text-align: left;
}
/********** END: Page content block **********/
/********** START: Page column left block **********/
#PageColumnLeft {
  width: 160px;
  margin: 0px;
  padding: 0px; 
  vertical-align: top;
  background-color: #F2F2F2;   /* Left Column background color */
  line-height:normal;
  border-right:1px solid #C6D8C1;
}

#PageColumnLeft .PageMenu {
  width: 160px;
  border-bottom: solid 1px #CCCCCC;
}
#PageColumnLeft .PageMenu .Item {
  width: 158px;
  padding: 0px;
  border-top: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  border-left: solid 1px #CCCCCC;
  text-align: left;            /* Page Menu Item text align */
  background-color: #F4F4F4;   /* Page Menu Item default background color */
}

#PageColumnLeft .PageMenu .Item .subMenu,
#PageColumnLeft .PageMenu .Active .subMenu {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom:none;
}

#PageColumnLeft .PageMenu .Item .subMenu .Item {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-right: none;
  border-left: none;
  border-bottom:none;
}

#PageColumnLeft .PageMenu .Item  a:link,
#PageColumnLeft .PageMenu .Item  a:visited,
#PageColumnLeft .PageMenu .Item  a:hover,
#PageColumnLeft .PageMenu .Item  a:active {
  display: block;
  padding: 5px 0px 5px 5px;
  margin: 0px;
  text-decoration: none;   /* Page Menu Item link text decoration */
}

#PageColumnLeft .PageMenu .Item .subMenu .Item a:link,
#PageColumnLeft .PageMenu .Item .subMenu .Item a:visited,
#PageColumnLeft .PageMenu .Item .subMenu .Item a:hover,
#PageColumnLeft .PageMenu .Item .subMenu .Item a:active {
  padding: 5px 0px 5px 15px;
  margin: 0px;
}

#PageColumnLeft .PageMenu .Item .Active {
  background-color: #DEDEDE;   /* active Page Menu Item background color */
}

#PageColumnLeft .PageMenu .Item a:hover {
  background-color: #DEDEDE;   /* Page Menu Item background color when mouse cursor moves over it */
}

#PageColumnLeft .PageMenu .Item .PageMenu .Item a:hover {
  background-color: #DEDEDE;   /* second level Page Menu Item background color when mouse cursor moves over it */
}

#PageColumnLeft .Advertisement {
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 20px 0px;
}
#PageColumnLeft .Advertisement .Item {
  margin:0px 0px 10px;
  padding:0px;
}
/********** END: Page column left block **********/
/********** START: Page column center block **********/
#PageColumnCenter {
  background-color: #FFFFFF;   /* Center Column backgound color */
  text-align: left;         /* Center Column text align */
  width: 668px;
  margin: 0px;
  padding: 0px 10px 0px 10px;
}
#PageMenuPath {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  text-align: left;
  color:#00859C;
  font-size:10px;
  font-weight:normal;
}
#PageMenuPath a:link, 
#PageMenuPath a:active, 
#PageMenuPath a:hover, 
#PageMenuPath a:visited {
  text-decoration: none;   /* Bread Crumb Trail link text decoration */
}

#PageTitle { 
  position: relative; 
  margin: 0px;
  padding: 9px 0px 9px 0px;
  font-size: 22px;     /* Page Title text font size */
  font-family:"Times New Roman", Times, serif;
  color:#80139b;
  font-weight: bold;   /* Pag Title text font weight */
  width: 468px;
}
#PageTitle1 { 
  position: relative; 
  margin: 0px;
  padding: 9px 0px 9px 0px;
  font-size: 18px;     /* Page Title text font size */
  font-family:"Times New Roman", Times, serif;
  color:#4d3094;
  font-weight: bold;   /* Pag Title text font weight */
  width: 468px;
}
#PageTitleNewsletter{ 
  position: relative; 
  margin: 0px;
  padding: 9px 0px 9px 0px;
  font-size: 22px;     /* Page Title text font size */
  font-family:"Times New Roman", Times, serif;
  color:#80139b;
  font-weight: bold;   /* Pag Title text font weight */
}
#PageContentRightCorner { 
  position: relative;
  float: right;
  width: 300px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 5px;
  z-index: 1;
  background-color: #FFF;
}
#PageContentRightCorner .PageServices {                 /* Page-services section */
  	position:relative; 
  	text-align: right;
  	border: solid 1px #c8c2af;
  	width: 298px;
  	margin: 0px 0px 10px 0px;
 	padding: 1px 0px 6px 0px;
  	clear: both;
  	font-weight: normal;
  	font-size: 10px;  
                     right:-1px;
}
#PageContentRightCorner .PageServices a{	 /* Text decoration of links within Page-services section*/
    text-decoration:none;
    font-size:10px;
    font-weight:normal;
    color:#878787;
}
#PageContentRightCorner .PageServices a:hover{
    text-decoration:none;
    color:#878787;
}
#PageContentRightCorner .PageServices .bookmark {
  	background-repeat: no-repeat;
  	background-image: url('/upload/images/skin/images/bookmark_icon.jpg');   /* Bookmark link icon */
  	background-position: right;                          /* Bookmark link icon position, should be opposite to it's text align */
  	text-align: left;                                    /* Bookmark text align, should be opposite to it's icon position */
  	width: 87px;
  	height: 21px;
  	padding: 8px 0px 0px 0px;
  	margin: 0px 8px 1px 40px;
  	float: left;
  	position: relative;
  	z-index: 1;
}
#PageContentRightCorner .PageServices .print {
  	background-repeat: no-repeat;
  	background-image: url('/upload/images/skin/images/print_icon.jpg');   /* Print link icon */
  	background-position: right;                       /* Print link icon position, should be opposite to it's text align */
  	text-align: left;                                 /* Prin text align, should be opposite to it's icon position */
  	width: 57px;
  	height: 21px;
  	padding: 8px 0px 0px 0px;
  	margin: 0px 12px 1px 0px;
 	float: left;
  	position: relative;
  	z-index: 1;
}	
#PageContentRightCorner .PageServices .email {
  	background-repeat: no-repeat;
  	background-image: url('/upload/images/skin/images/email_icon.jpg');   /* Email link icon */
  	background-position: right;                       /* Email link icon position, should be opposite to it's text align */
  	text-align: left;                                 /* Email text align, should be opposite to it's icon position */
  	width: 55px;
  	height: 21px;
  	padding: 8px 0px 0px 0px;
  	margin: 0px;
  	float: left;
  	position: relative;
  	z-index: 1;
}
#PageContentRightCorner .PageServices .DashLine {
  	margin: 4px 10px 7px 10px;
	_margin: -6px 10px 7px 10px;
  	z-index: 0;
}
#PageContentRightCorner .PageServices .SocialNetworkWidjet {
  	position:relative;
  	/*float: right;*/
  	padding: 0px;
  	margin: 6px 17px 3px 2px;
  	_margin: 7px 17px 2px 2px;
}
#PageContentRightCorner .PageServices .servicesLeftTD {
  	width: 163px;
  	padding-right: 14px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
                     color:#878787;
                     font-weight:normal;
}
#PageContentRightCorner .PageServices .servicesRightTD {
  	width: 135px;
}
#PageContentRightCorner .Advertisement {
  padding:0px;
  margin: 0px 0px 0px 0px;
}
#PageContentRightCorner .Advertisement .Item {
  margin:0px 0px 8px;
  _margin:0px 0px 6px;
  padding:0px;
}
#PageContentRightCorner .RightColumnBox{
  margin:0px 0px 10px 0px;
}
.RightColumnBox {
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 0px 0px;	                  
                      visibility:visible;
}
.RightColumnBox .Item {
	height: 22px;
	line-height: 23px;
	font-weight: bold;
                     cursor: pointer;
	background-color:#00859c;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
                     position:relative;	
                     top:1px;
	border-left:1px solid #c8c2af;
	border-top:1px solid #c8c2af;
	border-right:1px solid #c8c2af;
                      visibility:visible;
}

.RightColumnBox .Active {
	border-bottom: none;
	height: 23px;
	line-height: 23px;
	color: #00859c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
                     cursor: pointer;
	background-color:#edf6f8;
	border-left:1px solid #c8c2af;
	border-top:1px solid #c8c2af;
	border-right:1px solid #c8c2af;
                     position:relative;	
                     top:1px;	 
                     float:right;
                      visibility:visible;    
}
.RightColumnBox p {
	color: #80139b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;	
	font-weight: bold;
	margin: 8px 0 4px 0px;
	padding: 0px;
                     line-height:20px;
}
.RightColumnBox A {
	font-weight:bold;
	font-size:11px;
                     text-decoration: none;
}
.RightColumnBox ul{
}
.RightColumnBox ul li{
}
#MR{
	width:131px;
	text-align:center;
                      visibility:visible;
}
#MP{
	width:119px;
	position:relative;
                     left:5px;
	text-align:center;
                      visibility:visible;
}
.border {
    border-right: 1px solid #b2b2b2;
}

#PageContentRightCorner ul {
    margin: 5px 0px 0px 0px; 
    padding: 0px;
    list-style:none;
}
#PageContentRightCorner ul li {
    margin:1px 0px 1px 0px; 
    padding:0px;
}

#Articles_List {
  width: 299px;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #c8c2af;
  border-left: 1px solid #c8c2af;
  border-bottom: 1px solid #c8c2af;
  background-color:#edf6f8;
  _height:236px;
  min-height:236px;
  line-height:14px;
}
#Articles_List ul{
  list-style:none;
  margin:4px 0px 2px 0px;
  padding:0px;
}
#Articles_List ul li{
  padding:8px 0px 8px 7px}

#blogposts {
  width: 299px;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #c8c2af;
  border-left: 1px solid #c8c2af;
  border-bottom: 1px solid #c8c2af;
  background-color:#edf6f8;
  _height:236px;
  min-height:236px;
  line-height:14px;
}
#blogposts ul{
  list-style:none;
  margin:4px 0px 2px 0px;
  padding:0px;
}
#blogposts ul li{
  padding:8px 0px 8px 7px}
/********** END: Page column center block **********/
/********** START: Page column right block **********/
#PageColumnRight {
  width: 160px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;   /* Right Column backgound color */
  vertical-align: top;         /* Right Column content vertical align */
  text-align: center;          /* Right Column content horizontal align */
}
/********** END: Page column right block **********/

/********** START: Footer block **********/
#Footer {
  font-size: 10px;
  color: #00859c;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  background-color:#eee7d1;
  line-height:normal;
  padding-bottom:9px;
}
#FooterMenu { 
  position: relative;
  text-align: center;   /* this makes the block aligned with center in IE */
  padding-top:16px;
}
#FooterMenu .Item {
  margin: 0px;
  display: inline;
}
#FooterMenu .Item a:link,
#FooterMenu .Item a:active,
#FooterMenu .Item a:visited {
  text-decoration: none;   /* Footer Menu Item link text decoration */
  font-size: 10px;           /* Footer Menu Item link text font size */
  color: #00859c;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
}
#FooterMenu .Item a:hover{
  text-decoration:underline;
  color:#333333;
}
#SiteLinks {
  color: #666666;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  text-align: center;
  padding: 3px 5px 3px 5px;
  margin: 0px;
  background-color:#eee7d1;
  line-height:14px;
}
#SiteLinks a:link,
#SiteLinks a:active,
#SiteLinks a:visited {
  text-decoration: none;   /* SiteLinks link text decoration */
  font-size: 11px;           /* SiteLinks link text font size */
  color: #00859c;
  padding:0px 8px;
  margin:0px;
}
#SiteLinks a:hover {
  text-decoration: none;   /* SiteLinks link text decoration */
  color: #333333;
}
#SiteLinks .learn{
padding:6px 9px;
line-height:14px;
}
#SiteLinks .separator{
color:#00859c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}
#SiteLinks table{
 margin:2px 0px;
}
#Copyright {
  position: relative;
  padding: 9px 30px 9px 30px;
  text-align: center;   /* Copyright text align */
  font-size: inherit;   /* Copyright text font size */
  color: #666666;
}
/********** END: Footer block **********/

/********** START: Global elements block **********/
.Advertisement {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.Advertisement .Item {
  margin: 0px 0px 7px 0px;
  padding: 0px;
}

.PaginationBar {
  padding: 0px;
  margin: 5px 0px 15px 0px;
  font-size: inherit;
}
.PaginationBar a:link, 
.PaginationBar a:hover,
.PaginationBar a:active, 
.PaginationBar a:visited {
  text-decoration: none;
}

.DashLine {
  height: 1px;
  width: 274px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: dashed 1px #c8c2af;   /* style, width, and color of the Dashed Line */
  z-index: 0;
}
.SolidLine {
  height: 1px;
  width: 271px;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: solid 1px #8A8A8A;   /* style, width, and color of the Solid Line */
  z-index: 0;
}
.clear {
  margin: 0px;
  padding: 0px;
  clear: both;
}
.button {
  background-color: #DEDEDE;
  border: 1px #333333 solid;
  color: #333333;
  width: 100px;
  font-size: 100%;
  font-weight: normal;
  cursor: hand;
  font-family: Verdana;
  margin: 15px 0px 15px 0px;
  padding: 2px 5px 2px 5px;
}
.h1 {
  position:relative;
  font-size: 11px;
  font-weight: normal;
  margin: 0px 0px 20px 0px;
  color:#333333;
}
.h2 {
  color:#00859C;
  font-size:15px;
  font-weight:bold;
}
.text {
  padding: 5px 0px 5px 0px;
  margin: 5px 0px 0px 0px;
}
/********** END: Global elements block **********/

/********** START: Category page block **********/
#artmCategory {
  text-align: left;
  width: 468px;
  height: auto;
}
#artmCategory a.readmoreoncategorylink:link, 
#artmCategory a.readmoreoncategorylink:visited, 
#artmCategory a.readmoreoncategorylink:active {
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px 0px;   
  float: left;
  z-index: 1;
  color:#009999;
}
#artmCategory a.readmoreoncategorylink:hover{
  color:#333333;
}
#artmCategory .artmCategoryArticleList a.readmoreoncategorylink:link, 
#artmCategory .artmCategoryArticleList a.readmoreoncategorylink:visited, 
#artmCategory .artmCategoryArticleList a.readmoreoncategorylink:active { 
  position: relative; 
  float: right;
  text-align: right;
  font-size: 11px;
  font-weight: normal;
  color:#009999;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px 25px;
  z-index: 1;
  right:-20px;
}

#artmCategory .artmCategoryArticleList a.readmoreoncategorylink:hover { 
  position: relative; 
  float: right;
  text-align: right;
  font-size: 11px;
  font-weight: normal;
  color:#333333;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px 25px;
  z-index: 1;
  right:-20px;
}

#artmCategory .artmCategoryArticleList {
  padding: 0px 0px 5px 0px;
  margin: 3px 0px 5px 0px;
  position: relative;
}
#artmCategory .artmCategoryArticleList .artmCategoryArticleItem { 
  position: relative;
  padding: 8px 0px 7px 0px;
  margin: 0px;
}
#artmCategory .artmCategoryArticleItem .text {
  padding:6px 0px 1px;
  margin: 0px;
}
#artmCategory .artmCategoryArticleItem a.readmorelink:link, 
#artmCategory .artmCategoryArticleItem a.readmorelink:hover, 
#artmCategory .artmCategoryArticleItem a.readmorelink:active, 
#artmCategory .artmCategoryArticleItem a.readmorelink:visited { 
  position: relative;
  font-size: 10px;
  font-weight: bold;
  margin: 0px 0px 4px 0px;
  padding: 4px 10px 0px 0px;
  z-index: 1;
}

#artmCategory .DashLine {
  z-index: 0;
  /* width: 353px;   Dash line width on Article Category page */
}

#artmCategory .SolidLine {
  width: 480px;
  z-index: 0;
}
#artmCategory .Advertisement {
  margin: 15px 0px 15px 0px;
}
.artmCategoryRightCorner .artmCategoryVE {
  width: 270px; 
  padding: 15px;
  margin: 0px 0px 10px 5px;  
  background-color: #F0F0F0;
}
.artmCategoryRightCorner .artmCategoryArticleSearch {
  width: 295px;
  background-color: #F0F0F0;
  padding: 10px 0px 10px 5px;
  margin: 0px 0px 10px 5px;  
  font-weight: bold;
  font-family: Arial;
  font-size: 115%;
  position: relative;
  z-index: 1;
}
.artmCategoryRightCorner .artmCategoryArticleSearch .button {
  background-color: #CECECE;
  border: 1px #CECECE solid;
  color: #878787;
  font-size: 80%;
  font-weight: bold;
  margin: 0px 0px 1px 0px;
  padding: 0px;
  cursor: hand;
  font-family: Verdana;
}
.artmCategoryRightCorner .artmCategoryArticleSearch .text {
  clear: both;
  width: 120px;  
  height: 15px;
  text-align: left;
  margin: 0px 5px 0px 0px;
  padding: 1px 5px 0px 5px;  
  border: 1px #9C9B9C solid;
  font-size: 85%;
  font-weight: normal;
  color: #878787;
  font-family: Verdana;
  z-index: 1;
}
.artmCategoryPageTitle {
  width: 500px;
  padding: 0px;
  margin: 0px;
  text-align: left;
}
a.rss { 
  /*position: relative;*/ 
  /*float: right;*/
  /*display: block;*/
  width: 200px; 
  font-size: 10px;
  font-weight: normal;
  margin: 10px 0px 10px 0px;
  padding: 10px 3px 10px 22px;
  background-image: url('/upload/images/skin/images/rss.gif');
  background-repeat: no-repeat;
  background-position:  2px;
  text-decoration: none;
}
/********** END: Category page block **********/

/********** START: Article page block **********/
#artmArticle {        /* Article page main block style */
  text-align: left;
}
#artmArticle .Images {   /* Article page Images block style */
  width: 468px; 
  text-align: center;
}
#artmArticle .Images .caption{
  color:#878787;
}
#artmArticle .inscription {   /* style of the block on Article page that contains Author name and Publish date */
  margin: 0px;
  padding: 0px 0px 15px 0px;
}
#artmArticle #artmArticleSummaryHeader {
  width: 468px;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
#artmArticle #artmArticleSummary {   /* Article page Summary block style */  
  border-top: solid 1px #c8c2af;
  border-bottom: solid 1px #c8c2af;
  font-size:12px;
  font-weight:bold;
  margin: 0px 0px 15px 0px;
  width:490px;
  padding:4px 0px 3px 4px;
}
#artmArticle #artmArticleSummary ul {   /* Article page Summary list block style */
  margin: -2px 0px 0px 3px;
  padding: 6px 0px 3px 0px;
  list-style-type:none;
}
#artmArticle #artmArticleSummary li {
	margin:0px 0px 0px 0px;
	padding-left:10px;
	list-style-type:none;
	background-position:0px 6px;
                     _background-position:0px 7px;
	background-image: url('/upload/images/article-page-summary-bullet.gif');
	background-repeat: no-repeat;
                     font-size:11px;
                     font-weight:normal;
}
#artmArticle #artmArticleContent {   /* Article page Article content block style */
  width:485px;
}
.artmArticleRightCorner .Images {   /* Article page Right Corner Images block style */
  padding: 0px;
  margin: 0px;
}
.artmArticleRightCorner .Images .Item {   /* Article page Right Corner Images Item block style */
  padding: 0px;
  margin: 0px 0px 8px 0px;
}
.artmArticleRightCorner .Images .Item .caption {   /* Article page Right Corner Images Item Caption block style */
  text-align: center;
  color: #878787;
  line-height:normal;
}
/********** END: Article page block **********/
/********** START: Article search page block **********/
#artmSearch {         /* Article Search main block style */
  text-align: left; 
  padding: 0px;
  margin: 0px;
  width: 468px;
}
#artmArticleSearchForm {   /* Article Search form style */
  width: 490px;
  height: 30px;
  background-color: #EBEBEB;
  font-weight: bold;
  font-family: Arial;
  font-size: 120%;
  padding: 10px 0px 0px 10px;
  margin: 0px;
  /* May need to add position: static; */
}
#artmArticleSearchForm .button {   /* Article Search form button style */
  background-color: #CECECE;
  border: 1px #CECECE solid;
  color: #878787;
  font-size: 70%;
  font-weight: bold;
  margin: 0px 0px 1px 0px;
  padding: 0px;
  cursor: hand;
  font-family: Verdana;
}
#artmArticleSearchForm .text {   /* Article Search form text field style */
  width: 252px;  
  height: 15px;
  text-align: left;
  margin: 0px 5px 0px 0px;
  padding: 1px 5px 0px 5px;  
  border: 1px #9C9B9C solid;
  font-size: 100%;
  font-size: 85%;
  color: #878787;
  font-family: Verdana;
}
#artmSearchOrder {   /* Article Search "Order the result by field" block style */
  width: 470px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  text-align: left;
  font-size:11px;
}
#artmSearchOrder a{
  text-decoration:none;
  font-weight:bold;
}
#artmSearchOrder a:hover{
  text-decoration:underline;
}
#artmSearch .artmSearchArticle {   /* Article Search Article item block style */
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  text-align: left;
}
#artmSearch .artmSearchArticle .h2{
  color:#00859C;
  font-size:12px;
  font-weight:bold;
}
#artmSearch .artmSearchArticle a:link, 
#artmSearch .artmSearchArticle a:hover, 
#artmSearch .artmSearchArticle a:active, 
#artmSearch .artmSearchArticle a:visited { }
#artmSearch .artmSearchArticle .text {
  margin: 0px 0px 0px 0px;
  padding:1px 0px 2px;
}
#artmSearch .artmSearchArticle .date {   /* Article Search date block style */
  margin: 0px 0px 0px 0px;
  font-size:10px;
}
#artmSearch .artmSearchArticle .categoies {   /* Article Search Categories List block style */
  margin: 0px 0px 0px 0px;
  font-size:10px;
  font-weight:bold;
}
#artmSearch .artmSearchArticle .views {
  text-align: right;
  color: #999999;
  width: 100%;
}
.artmSearchRightCorner {
}
.artmSearchRightCorner .AdItem {
}
/********** END: Article search page block **********/

/********** START: Section Page Block **********/
#SectionPageContent {
    width: 480px;
    padding:8px 0px 5px 0px;
}

/********** START: Email to a friend page block **********/
.EmailForm {
  padding: 0px;
  margin: 5px 0px 15px 0px;
}
.EmailForm .text {
  padding: 5px 0px 0px 0px;
  margin: 0px;
  display: block;
}
.EmailForm .field {
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 50%;
}
.EmailForm .field input {
  width: 50%;
}
.EmailForm .field textarea {
  width: 50%;
}
/********** END: Email to a friend page block **********/

/********** Home page styles **************************/
.box1 {
	position:relative;
	width:300px; 
	height:250px;
	background-color:#FFF;
	float:right;
                     margin:0px 0px 0px 0px;                  
}
.box2 {
	position:relative;
	width:299px; 
	height:249px;
	background-color:#fff;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.box3 {
	background-color:#FFF;
	margin:0px 0px 0px 0px;
}
.box3 #tabscontainer{
	width:497px;
}
.H2a {
	position:relative; 
	float:left;
	width:248px; 
	_height:129px;
	min-height:129px;
	background-color:#FFF;  
	border-bottom:1px solid #d9b8e1;
	padding:4px 0px;     
}
.H2b {
	position:relative; 
	float:left;
	width:248px;
	_height:129px;
	min-height:129px;
	background-color:#FFF; 
	border-bottom:1px solid #d9b8e1;     
	padding:4px 0px;
}
.H2c {
	position:relative; 
	float:left;
	width:248px;
	_height:121px;
	min-height:121px;
	background-color:#FFF;
	border-bottom:1px solid #d9b8e1;
	padding:4px 0px;        
}
.H2d {
	position:relative; 
	float:left;
	width:248px;
	_height:121px;
	min-height:121px;
	background-color:#FFF; 
	border-bottom:1px solid #d9b8e1;  
	padding:4px 0px;      
}
.box5 {
	position:relative; 
	float:right;
	width: 125px; 
	height:125px;
	margin: 3px 20px 0px 0px;
}
.H3a {
	position:relative; 
	float:left;
	width:248px;
	_height:255px;
	min-height:255px;
	background-color:#FFF;
	padding:4px 0px; 
}
.H3b {
	position:relative; 
	float:left;
	width:248px;
	_height:255px;
	min-height:255px;
	background-color:#fff;
	padding:4px 0px;
}
.H3c {
	position:relative;
	width:300px; 
	height:250px;
	background-color:#fff;
}
.box7 {
	position:relative;
	width:728px; 
	height:90px;
	margin:9px 0px 8px 0px;
}


.sponsors {
	padding: 0px 33px 10px 0px;
    margin: 0px;
	text-align: center;
}
*HTML .sponsors {
	padding: 0px 12px 10px 0px;
}
/******************************************************/
.NewsLetter {
	width: 160px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #ffffff;
	background-color:#757166;
	border-bottom:1px solid #c6d8c1;
	font-size:10px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.NewsLetter p {
	font-weight:bold;
	color:#ffffff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	white-space:nowrap;
}
.NewsLetter td {
	padding:2px 4px 7px 6px;
}
.NewsLetter .input {
    position:relative; 
    float:left;
	top:1px;
	margin:0px 0px 0px 1px;
	padding:2px 1px 0px 2px;
	width:110px; 
	height:15px;
	border-top:0px solid #ffffff;
	border-bottom:0px solid #ffffff;
	border-left:0px solid #ffffff;
	border-right:1px solid #b6b4ae; 
	background-color:#fff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#49362d;
}
.NewsLetter .button {
    position:relative;
	float:left;
	left:4px;
	margin:0px;
	padding:0px 0px 3px;	
	border:none;
	width:30px; 
	height:19px;
	background:url('/upload/images/go_button.gif') no-repeat left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
                     line-height:19px;
                     cursor:pointer;
}
.NewsletterForm {}
.NewsletterForm td {
    padding:5px 0;
}
.NewsletterForm .input {
	width:158px; 
	height:17px;
	border:1px solid #333333;
	background-color:#fff;
	color:#999999;
} 

.subTopMenu {
    height:20px;
    margin:-22px 13px 0px;
    padding:0px;
    position:absolute;
    text-decoration:none;
    z-index:50;
}

.moduleheader {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#80139b;
    font-size: 16px;
    font-weight: bold; 
    padding: 10px 5px 5px 5px;
	border-right:1px solid #d9b8e1;  	
}

.modulebody {
    padding: 5px 5px 5px 5px;
	line-height:14px;
    border-right:1px solid #d9b8e1; 
}

.modulebody A {
    font-weight: bold;
	line-height:16px;
	font-size:10px;	
}
.modulebody img{
                      padding:4px;
}
.moduleheader1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#80139b;
    font-size: 16px;
    font-weight: bold; 
    padding: 10px 5px 5px 5px;	
}

.modulebody1 {
    padding: 5px 5px 5px 5px;
	line-height:14px;
	
}

.modulebody1 A {
    font-weight: bold;
	line-height:16px;
	font-size:10px
}
.modulebody1 img{
                      padding:4px;
}
.modulebody2 {
	padding: 5px 5px 5px 5px;
	line-height:14px;
	border-right:1px solid #d9b8e1;
	_height:235px;
	min-height:235px; 
}

.modulebody2 A {
	font-weight: bold;
	line-height:16px;
	font-size:10px;	
}
.modulebody2 strong A {
	font-weight: bold;
	line-height:16px;
	font-size:13px;	
}
.modulebody2 img{
	padding:4px;
}
.Error404
{
  width: 400px;
  height: 300px;
}

.pollQuestion
{
  padding: 3px 5px 2px 10px;
  font-weight: bold;
}
.pollVotes
{
  padding: 3px 5px 2px 10px;
}
.pollBar
{
  height: 15px;
  background-color: #458926;
}


/*** CONFERENCE SITE STYLES ****/

#Header TD.ConfLogo {
 
}
#Header TD.ConfGraphicHeader {
 
}
#Header TD.ConfDate {
 
}

#ConfPageContent {
  position: relative; 
  background-color: #FFFFFF;
  clear: both;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  width: 100%;
}

#ConfPageContentBodyTD {
  background-color: #FFFFFF; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  width: 800px;
}

#ConfPageContentBody {
  position: relative;
  min-height: 610px;
  height: auto !important;
  height: 610px;
  text-align: left;
  padding: 0px 10px 10px 10px;
}

#ConfPageContentRightColumn {
  text-align: center;
  width: 180px;
}

#ConfHome1a
{
  border: 1px solid #000000;
  width: 498px;
  min-height: 250px;
  height: auto !important;
  position: relative;
  float: left;
}

#ConfHome1b
{
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  width: 299px;
  min-height: 250px;
  height: auto !important;
  position: relative;
  float: left;
}

#ConfHome2a
{
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  width: 248px;
  min-height: 250px;
  height: auto !important;
  position: relative;
  float: left;
}

#ConfHome2b
{
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  width: 249px;
  min-height: 250px;
  height: auto !important;
  position: relative;
  float: left;
}

#ConfHome2c
{
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  width: 299px;
  min-height: 250px;
  height: auto !important;
  position: relative;
  float: left;
}

#ConfHome3a
{
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  width: 798px;
  min-height: 250px;
  height: auto !important;
  position: relative;
  float: left;
}

.OLpopup_caption {
  font-weight: bold;
  padding: 2px;
}
.OLfgClass {
	background-color: #FFFDEB; /*#91B2C5; #90B2C4;*/
	color: black;
	padding: 2px;
}
.OLbgClass {
	/*background-color: #416B7C;*/
	background-color: #276B3C;
	color: white;
}

.speakerH3
{
  color:#E54A21;
  font-family:'Trade Gothic',Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight: bold;
}


.speaker_thumbnail 
{
	padding: 9px 0px 5px 0px;
	border: 1px solid #416B7C;
	background-color: #FFFDEB;
	cursor: pointer;
	text-align: center;
}
.speaker_image
 {
	margin-bottom: 5px;
	display: inline;
}
a.speaker_link 
{
	color: #BF6516;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}
a.session_link 
{
	color: #BF6516;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.SessionDate
{
  color:#E54A21;
  font-family:'Trade Gothic',Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size:12pt;
  font-weight: bold;
  margin: 13px 0px 13px 10px;
}
.SessionTime
{
  font-weight: bold;
  margin: 10px 0px 10px 25px;
}
.SessionTitle
{
  margin-left:35px;
}


/*sets background color for alternating rows on attendees page*/
.attendee
{
  background-color: #FFFFFF;
}
.attendee2
{
  background-color: #E5F2FF;
}
.attendeeHeader
{
  text-align: left;
  font-weight: bold;
}
.attendeeName
{
  width: 200px;
  padding: 2px;
}
.attendeeCompany
{
  width: 324px;
  padding: 2px;
}
.attendeeLocation
{
  width: 178px;
  padding: 2px;
}

/*** END CONFERENCE SITE STYLES ****/

/***********START: GOOGLE SEARCH PAGE STYLES*********/
#searchcontrol{
width:400px;
float:left;
color:#000000;
line-height:14px;
margin-top:10px;
}
/** Copyright 2005 Google Inc. All rights reserved. */

/* the GSearchControl CSS Classes
 * .gsc-control : the primary class of the control
 */
.gsc-control {
  width: 300px;
}

.gsc-control div {
  position: static;
}

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 * .gsc-keeper : the save link below savable results
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 100%;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 6px;
  _padding-right:10px;
}

td.gsc-search-button {
  width : 1%;
}

td.gsc-clear-button {
  width : 14px;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

.gsc-branding-text {
  color : #878787;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  font-size : 11px;
  margin-right : 2px;
}

div.gsc-branding-youtube td.gsc-branding-text {
  vertical-align : middle;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

div.gsc-branding-youtube td.gsc-branding-img-noclear {
  width : 55px;
}

div.gsc-branding-youtube td.gsc-branding-img {
  width : 69px;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

div.gsc-clear-button {
  display : inline;
  text-align : right;
  margin-left : 4px;
  margin-right : 4px;
  padding-left : 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('/upload/images/clear.gif');
  cursor : pointer;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-keeper {
  color: #3366cc;
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
  font-weight: normal;

  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 1px 3px;
  background-image: url('/upload/images/blue_check.gif');
}

/* each section of results has a results header table
 * .gsc-resultsHeader : the header itseld
 * td.twiddleRegionCell : the section that controls twiddleing of the section to expand/collapse
 * td.configLabelCell : the twiddler that controls active configuration of a searcher (used in GlocalSearch)
 * .gsc-twiddle : the twiddle image, note, this is a div that wraps gsc-title so that standard image replacement is feasible
 * .gsc-twiddle-closed : class added to gsc-twiddle when the twiddler is in the closed state
 * .gsc-twiddle-opened : class added to gsc-twiddle when the twiddler is in the opened state
 * .gsc-title : the section's title (e.g., Web Results, etc.)
 * .gsc-stats : contains the result counts
 * .gsc-stats
 */
.gsc-resultsHeader {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom : 8px;
  margin-top:10px;
  _padding-bottom:1px;
}

.gsc-resultsHeader td.gsc-twiddleRegionCell{
  width: 75%;
}

.gsc-resultsHeader td.gsc-configLabelCell{
  text-align: right;
  width: 75%;
}

/*
 * note that the next three classes are all joined together
 * to implement the twiddle image. apps can substitute in their
 * own images but will need to account for the image size here
 * as well as in the left padding of the title element
 *
 * Note: uds provides the following images that work with the geometry/padding defined below
 *  to use these images simply over-ride the.gsc-twiddle-opened/-closed class and specify an alternate image
 *  or use an image of your own design
 */
.gsc-resultsHeader .gsc-twiddle{
  margin-top: 4px;
  display: inline;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
  background-image: url('/upload/images/arrow_close.gif');
}
.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
  background-image: url('/upload/images/arrow_open.gif');
}

.gsc-resultsHeader .gsc-title{
  color: #676767;
  margin-right: 10px;
  padding-left: 16px;
  display: inline;
}

.gsc-resultsHeader .gsc-stats {
  color: #676767;
  font-size: 11px;
  font-weight: normal;
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
  display : none;
}

/*
 * .gsc-results-selector : box surrounding individual selectors for 1, more, or all results
 * .gsc-result-selector : an individual selector
 * .gsc-one-result : single result selector
 * .gsc-more-results : more (4) results selector
 * .gsc-all-results : all results (8) selector
 */
.gsc-results-selector {
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
  display : none;
}

.gsc-result-selector {
  cursor : pointer;
  display : inline;
  font-size : 13px;
  padding-left : 13px;
  background-repeat: no-repeat;
  background-position: center left;
}

/* default mode is dark */
.gsc-one-result {
  background-image: url('/upload/images/one-complex-dark.gif');
}

.gsc-more-results {
  background-image: url('/upload/images/more-complex-dark.gif');
}

.gsc-all-results {
  background-image: url('/upload/images/all-complex-dark.gif');
  padding-right : 1px;
}

/* active mode is light */
.gsc-one-result-active .gsc-one-result {
  background-image: url('/upload/images/one-complex-light-blue.gif');
}

.gsc-more-results-active .gsc-more-results {
  background-image: url('/upload/images/more-complex-light-blue.gif');
}

.gsc-all-results-active .gsc-all-results {
  background-image: url('/upload/images/all-complex-light-blue.gif');
}

.gsc-resultsHeader .gsc-configLabel{
  color: #676767;
  display: inline;
  font-size: 11px;
  cursor: pointer;
}

.gsc-resultsHeader td.gsc-configLabelCell span.gsc-twiddle-closed {
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('/upload/images/settings.gif');
}


/* tabbed mode of search control
 * .gsc-tabsArea : the box containing all of the tabs
 * .gsc-tabsAreaInvisible : same as above, but this is the state when search has been cleared
 * .gsc-tabHeader : an individual tab
 * .gsc-tabHeader.gsc-tabhActive : the active tab
 * .gsc-tabHeader.gsc-tabhInactive : an inactive tab
 * .gsc-tabData : the data area/box containg results and header data for each tab
 * .gsc-tabData.gsc-tabdActive : the data area for the active tab
 * .gsc-tabData.gsc-tabdInactive : the data area for inactive tabs
 */
.gsc-tabsArea {
  clear: both;
  margin-top: 6px;
  }

.gsc-tabsArea .gs-spacer {
  font-size : 1px;
  margin-right : 2px;
  overflow : hidden;
}

.gsc-tabsArea .gs-spacer-opera {
  margin-right : 0px;
}

.gsc-tabsAreaInvisible {
  display : none;
  }

.gsc-tabHeader {
  display: inline;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 0px;
  }

.gsc-tabHeader.gsc-tabhActive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #ff9900;
  color: black;
  }

.gsc-tabHeader.gsc-tabhInactive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #e9e9e9;
  background: #e9e9e9;
  color: #676767;
  }

.gsc-tabData.gsc-tabdActive {
  display: block;
  }

.gsc-tabData.gsc-tabdInactive {
  display: none;
  }

/* tab specific results header supression
 * - no twiddle, tabbed mode runs in full expand mode
 * - no title
 * - no stats
 */
.gsc-tabData .gsc-resultsHeader .gsc-title {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-stats {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-results-selector {
  display : none;
}



/* the results for each section
 * .gsc-resultsbox-{visible,invisible} : a complete-collection of results including headers
 * .gsc-results : the collection of results for a given searcher
 * .gsc-result : a generic result within the control. each result has this class, as well as .gsc-xxxResult where xxx is web, image, local, blog, etc.
 */
.gsc-resultsbox-visible {
  display : block;
}

.gsc-resultsbox-invisible {
  display : none;
}

.gsc-results {
  clear: both;
  padding-bottom: 2px;
  width:468px;
}

.gsc-result {
  margin-bottom: 12px;
  padding:1px 0px;
}

.gsc-result .gs-title {
  height: 1.4em;
  overflow: hidden;
  }

/* specialized, result type specific, fine grained controls */
.gsc-result div.gs-watermark {
  display: none;
}

/* Ads
 */
.gsc-results .gsc-result img.gs-ad-marker {
  display: none;
}

/* Standard configuration div/form */
div.gsc-config {
  border: 1px solid #e9e9e9;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top : 2px;
  padding-left : 6px;
  padding-right : 6px;
  padding-bottom : 6px;
}

form.gsc-config {
  margin-bottom : 0px;
}

.gsc-configSetting {
  margin-top : 6px;
  }

.gsc-configSetting_Label {
  color: #676767;
  }

.gsc-configSettingInput {
  color: #676767;
  border: 1px solid #e9e9e9;
  width: 75%;
  }

.gsc-configSettingCheckbox {
  color: #676767;
  margin-right: 6px;
  }

.gsc-configSettingCheckboxLabel {
  display : inline;
  color: #676767;
  }

div.gsc-configSettingSubmit {
  margin-top : 8px;
  text-align : right;
}

input.gsc-configSettingSubmit {
  display: inline;
  font-size: 11px;
  cursor: pointer;
}


/* Image Search
 */
.gsc-imageResult {
  float: left;
  margin-bottom: 1em;
  margin-right: 20px;
}

.gs-imageResult {
  width: 114px; /* default width + 1px border */
  overflow : hidden;
}

.gs-imageResult .gs-image-box {
  height: 86px; /* default height + 1px border */
  position : relative;
}

/* note, left edge is auto-set by search control */
.gs-imageResult .gs-image-box img.gs-image {
  position : absolute;
  bottom : 0px;
}

.gs-imageResult .gs-text-box {
  text-align: center;
  overflow : hidden;
  height: 4em;
}

.gs-imageResult .gs-snippet {
  overflow : hidden;
  line-height: 1em;
  cursor : pointer;
  white-space : nowrap;
}
.gs-imageResult .gs-visibleUrl {
  cursor : pointer;
}
.gs-imageResult .gs-size {
  color: #6f6f6f;
}

/* Video Search
 * - single line title
 */

.gsc-videoResult .gs-videoResult .gs-title {
  line-height: 1.3em;
  height: 1.3em;
  overflow: hidden;
  }

.gsc-videoResult .gs-videoResult .gs-snippet {
  line-height: 1.3em;
  max-height: 2.6em;
  overflow: hidden;
  }

/* trailing more link at the bottom of
 * a collection of results
 */
.gsc-imageResult .gsc-trailing-more-results {
  clear : both;
}

.gsc-results .gsc-trailing-more-results {
  margin-bottom : 10px;
}

.gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results * {
  color: #0000cc;
  text-decoration: underline;
}

/* trailing cursor section
 */
.gsc-imageResult .gsc-cursor-box {
  clear : both;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}
.gsc-results .gsc-cursor-box a.gsc-trailing-more-results {
  color:#0000cc;
  text-decoration:underline;
}
.gsc-results .gsc-cursor-box a.gsc-trailing-more-results:hover {
  color:#0000cc;
  text-decoration:underline;
}
.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}



/*** End of Control, Begin Results ***/

/* generic, cross cutting result style
 * - in the form of .gs-result .gs-xxx where xxx is the generic style
 * .gs-title : typically the first line of a result, typically a link, image results over ride this, since for image results, the image is the link
 * .gs-divider : typically seperates results from ads
 * .gs-visibleUrl : typically the last line of a result, displayed in green. sometimes a link (like in blog search)
 * .gs-clusterUrl : for news, and other similar services, this is a cluster of additional results
 * img.gs-image : an actial image in a result
 * .gs-phone : a phone number
 * .gs-address : an address (includes street, city, region, country)
 * .gs-streetAddress : a street (including #)
 * .gs-city : a city
 * .gs-region : a region (zip code, area, etc.)
 * .gs-country : a country
 * .gs-snippet : snippetized content
 * .gs-watermark : indicator that user selected this result
 * .gs-metadata : generic metadata, e.g.,
 * .gs-image-box : generic container for a result's image (within a table)
 * .gs-text-box : generic container for a result's text content (within a table). Note that this class, and image-box are only used in video
 */
.gs-result .gs-title,
.gs-result .gs-title * {
  color: #0000cc;
  text-decoration: underline;
}
.gs-result a.gs-title,
.gs-result a.gs-title * {
  color: #0000cc;
  text-decoration: underline;
}
.gs-result a.gs-title:hover,
.gs-result a.gs-title:hover * {
  color: #0000cc;
  text-decoration: underline;
}
.gs-divider {
  padding-bottom: 8px;
  text-align: center;
  color: #676767;
}

.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: #008000;
  text-decoration: none;
}

/* relative and absolute dates, note, news/books inlines these */
.gs-relativePublishedDate,
.gs-publishedDate {
  color: #6f6f6f;
  text-decoration: none;
}
.gs-result a.gs-clusterUrl,
.gs-result .gs-clusterUrl {
  color: #008000;
  text-decoration: underline;
  cursor: pointer;
}

.gs-newsResult .gs-publisher {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

/*
 * For news results there are two dates...
 * The relative date is visible while in the
 * search control and the published date
 * is visible when clipped. Why? It doesn't
 * make sense to say 4 hours ago for a clipped
 * result...
 */

/* establish the base style */
.gs-newsResult .gs-relativePublishedDate,
.gs-newsResult .gs-publishedDate {
  display : inline;
  margin-left : 4px;
}

/* base styling for relative date is none */
.gs-blogResult .gs-relativePublishedDate,
.gs-newsResult .gs-relativePublishedDate {
  display : none;
}

/* suppress publishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-publishedDate,
.gsc-newsResult .gs-newsResult .gs-publishedDate {
  display : none;
}

/* enable relativePublishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-relativePublishedDate,
.gsc-newsResult .gs-newsResult .gs-relativePublishedDate {
  display : inline;
}

.gs-newsResult .gs-location {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

.gs-result img.gs-image {
  vertical-align : middle;
  border : 1px solid #0000cc;
}

.gs-result div.gs-phone {}

.gs-result .gs-directions,
.gs-result .gs-directions * {
  color: #7777cc;
  font-weight: normal;
  text-decoration : underline;
  cursor : pointer;
}

.gs-secondary-link,
.gs-secondary-link * {
  color: #7777cc;
  font-weight: normal;
  text-decoration : underline;
  cursor : pointer;
}

/* wrapper around user supplied to/from mode directions
 * normally this is disabled by default, and gs-directions is enabled
 * apps can easily switch this by setting display:block on the rule below,
 * and display:none on the rule above
 * e.g., add these two rules to switch local results into
 * alternate style driving directions
 * .gs-localResult .gs-directions-to-from { display : block; }
 * .gs-localResult .gs-directions { display : none; }
 */
.gs-result .gs-directions-to-from {
  display : none;
  margin-top : 4px;
}
.gs-result .gs-directions-to-from .gs-label {
  display : inline;
  margin-right : 4px;
}

.gs-result .gs-directions-to-from div.gs-secondary-link {
  display : inline;
}

.gs-result .gs-directions-to-from .gs-spacer {
  display : inline;
  margin-right : 3px;
  margin-left : 3px;
}

.gs-videoResult a.gs-publisher,
.gs-videoResult .gs-publisher {
  color: #008000;
  text-decoration: none;
}

.gs-result a {
  cursor: pointer;
  text-decoration:underline;
  color:#0000cc;
}

.gs-result a:hover {
  cursor: pointer;
  text-decoration:underline;
  color:#0000cc;
}

.gs-result .gs-address {
}

.gs-result .gs-snippet {
  padding:1px 0px 0px;
}

.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
  padding : 5px;
  margin : 5px;
  border : 1px solid rgb(255,204,51);
  background-color : rgb(255,244,194);
}

.gs-result .gs-watermark{
  font-size: 10px;
  color: #7777cc;
}

div.gs-results-attribution {
  text-align : center;
  margin-bottom : 4px;
}

div.gs-results-attribution,
div.gs-results-attribution * {
  font-size : 10px;
  color : #676767;
  text-decoration : none;
}

div.gs-results-attribution a {
  color: #0000cc;
  cursor : pointer;
}

div.gs-results-attribution a:hover {
  text-decoration : underline;
}

.gs-result .gs-metadata{
  color: #676767;
}

/* searcher specific styling for
 * - web ad
 * - web
 * - local
 * - image (none)
 * - blog (none)
 * - video (none)
 */

/* webAd search specific over rides
 * .gs-ad-marker : disabled in control, but on in green to indicate clipped result is an ad
 */
.gs-localAd img.gs-ad-marker,
.gs-webAd img.gs-ad-marker {
  padding-left: 4px;
}

/* default is to not show long mode visible urls
 * apps should selectively enable this while disabling
 * div.gs-visibleUrl-short
 */
.gs-webResult div.gs-visibleUrl-long {
  width : 100%;
  overflow : hidden;
  display : none;
}

/* local search specific over rides
 * - city, region displayed inline
 * - country supressed
 * - small font size for info window's
 */

.gs-localAd div.gs-address * {
  color : #676767;
}

.gs-localAd div.gs-street {
  display: inline;
}

div.gs-city {
  display: inline;
}

div.gs-region {
  display: inline;
}

div.gs-country {
  display: none;
}

div.gs-infoWindow * {
  font-size: 11px;
  }

/* video search specific over rides
 * - align the table data
 * - default image width garuntee
 * - appropriate cell seperation
 */

/* todo(markl): workaround until gre in gmail fixes his styles */
.gs-videoResult * {
  font-size: 13px;
  }

/*
.gs-videoResult td .gs-image {
  vertical-align : middle;
}

.gs-videoResult td.gs-image-box {
  background-color : #000000;
}*/

.gs-videoResult td div.gs-image-box {
  width : 110px;
  height : 78px;
}

.gs-videoResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }


/* book search specific over rides
 * - default image width garuntee
 * - appropriate cell seperation
 */

div.gs-book-image-box td,
.gs-bookResult td {
  vertical-align : top;
}

div.gs-book-image-box,
div.gs-book-image-box div {
  position : static;
  text-align : start;
}

div.gs-book-image-box {
  width : 75px;
  height : 90px;
}

.gs-bookResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }

div.gs-book-image-box img {
  border-spacing : 0px 0px;
  border : none;
}

div.gs-book-image-box div.gs-row-1 {
  line-height : 7px;
}

div.gs-book-image-box img.gs-pages {
  height : 7px;
  width : 45px;
}

div.gs-book-image-box img.gs-page-edge {
  height : 7px;
  width : 11px;
}

div.gs-book-image-box div.gs-row-2 {
}

div.gs-book-image-box img.gs-image {
  height : 80px;
  border : 1px solid #a0a0a0;
}

.gs-bookResult .gs-author {
  display : inline;
  color: #6f6f6f;
}
.gs-bookResult .gs-publishedDate {
  display : inline;
}

.gs-bookResult .gs-pageCount {
  display : inline;
  color: #6f6f6f;
  margin-left : 4px;
}

.gs-bookResult .gs-id {}



/* book search specific over rides
 * - default image width garuntee
 * - appropriate cell seperation
 */

.gs-patentResult td {
  vertical-align : top;
}
.gs-patentResult .gs-patent-number,
.gs-patentResult .gs-publishedDate,
.gs-patentResult .gs-author {
  display:inline;
}

.gs-patentResult .gs-image-box {
  padding-right : 8px;
}

.gs-patentResult img.gs-image {
  border : 1px solid #7777cc;
}



/**********END GOOGLE SEARCH PAGE STYLES******/