/**************************************************/
/* snippet.css                                    */
/* Need to include if any snippet macros are used */
/**************************************************/

.snippet_rating_question {float:left;padding:5px;padding-bottom:8px;margin:0px;}
.snippet_rating_rate {font-size: 90%;line-height:26px;}
.strike {text-decoration:line-through;}

/* Tab styles begin */
div.tabsContainer {border-bottom:1px solid #006699;margin-left: 10px;}
.tabsContainer div.content {border-top:1px solid #006699;border-bottom:0px;padding:10px;}
.tabsContainer a.tabs {border-left: 1px solid #D7D7D7;background-color:#D7D7D7;text-decoration:none;padding:0px 10px;font-size:74%;}
.tabsContainer a.active {background-color:#006699;border: 1px solid #006699;color:white;font-weight:bold;}
/* Tab styles end */

/* Dialog style begin */
.dojoDialog {background : #eee;border : 1px solid #999;-moz-border-radius : 5px;padding : 6px;}
.dojo-Editor {border: 1px solid gray;}
/* Dialog style end */
                  
.tabsJ {
        font-family: "Myriad Pro", Frutiger, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
        }
.tabsJ ul {
	  margin: 0;
	  padding: 0;
	  float: left;
	  width: 100%; 
	  list-style: none;
	  border-bottom: 1px solid #FBB03B;
}

.tabsJ ul li {
	    float: left;
	    margin: 0 5px 0 1px; 
		background:url(../images/newdesignimages/tab_selected_ie.jpg) repeat;
	    border-right: 1px solid #FBB03B;
	    border-left: 1px solid #FBB03B;
	    list-style:none;
}

.tabsJ  a {
	  padding: 0 5px;
	  line-height: 2.1em;
	  float: left;
	  display: block;
      font-weight:bold;
	  text-decoration: none;
	  color: #603813;
}

.tabsJ  a:hover {
	             color:#FF7400;
}

.tabsJ ul li a.active { 
                   color: #000000;
                   display:inline;
                   list-style:none;
                   background-color:#FFFFFF;
                   border-top: 1px solid #FBB03B;
	               }
/*
.tabsJ {float:left;width:100%;font-size:93%;line-height:normal;border-bottom:1px solid #24618E;}
.tabsJ ul {margin:0;padding:10px 10px 0px 30px;list-style:none;}
.tabsJ li {display:inline;margin:0;padding:0;}
.tabsJ a {float:left;background:url(../images/tabs/tableftJ.gif) no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none;border:0px;}
.tabsJ a span {float:left;display:block;background:url(../images/tabs/tabrightJ.gif) no-repeat right top;padding:5px 15px 4px 6px;color:#777B88;font-weight:bold;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
/*.tabsJ a span {float:none;}
/* End IE5-Mac hack */
/*.tabsJ a:hover span {color:#FFF;}
.tabsJ a:hover {background-position:0% -42px;}
.tabsJ a:hover span {background-position:100% -42px;}
.tabsJ a.active {background-position:0% -42px;color:white;}
.tabsJ a.active span {background-position:100% -42px;color:white;}
*/


/* myesp main tab */
.tabsk {color: white ; font: 12px arial, helvetica, sans-serif; margin: 0; padding: 0;}

/*.tabsk  {background-color: white;}*/
.tabsk  ul {list-style: none;
            padding: 0;
            margin: 0;
            float: left;
            width: 100%; 
            border-bottom: 0.5em solid #D7E7BF; /*ffe761; ****** bottom color ****/
            }
    
.tabsk  li { float: left;
             margin: 0 0.1em 0 1px; 
             background-color:#f2c968;
             
              }
    
.tabsk  a { text-decoration: none;
            display: block;
           /* width:10em;             /********************** tab width */ 
            padding:1px 5px 1px 5px;/********************** tab padding */
            font-weight: none;        /********************** tab fontweight */
            border: 1px solid #999999;
            border-bottom: 0.2em solid #626C35;  /*********** tab bottom line size */
		    color: #ffffff;          /*********************** tab text color */
		    background-color:#8a9875;/*********************** tab backgroundcolor */
		   }
	
.tabsk a:hover { color: #AFAFA8;     /************** onmouse text color */
                 border-color: #999999;
                 border-bottom: 0.2em solid #34626b;
                }
	
.tabsk  a.active { color: #000000; #626C35;
                   border-color: #999999;
                   border-bottom: 0.2em solid #D7E7BF;
                   background-color:#D7E7BF; 
                  }
	
.tabsk #content { clear: both;
                  color: white;
                  padding: 1em;
                 }
	
.tabsk #content p {	margin: 0 0 1em 0;}

/* vertical tab */
.tabsv {
        font-family: "Myriad Pro", Frutiger, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
        font-size: 11px;
       }

.tabsv   ul {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 5px;
  list-style-type: none;
   }

.tabsv   li {
  margin: 1px 1px 1px 1px; 
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */
   }

.tabsv   a {
  border: 1px solid #000000;
  display: block;
  width: 225px;
  height: 20px;
  line-height: 20px;
  color: #ffffff;
  background: #6a8b92; /*E9E0DB*/
  text-transform:capitalize;
   }

.tabsv   a:hover 
    { 
    background-color: #367988;
    color: #ffffff;  
   }
.tabsv    a.active
   { 
	 background-color: #ffffff;/*ECF0FF;CADFE4;*/
	 border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
	 border-left: 0px;
     color: #1C4852;
   }