/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0px;
font: normal 11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.shadetabs li {
    float: left;
    margin: 0 0 0 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 2;
padding: 3px 7px;
margin-right: 0px;
line-height:180%;
margin-bottom: 0px;
margin-top: 0px;
border: 1px solid #778;
color: #2d2b2b;
background:#E6E3D3;
}

.shadetabs li a:visited{
color: #2d2b2b;
background:#E6E3D3;
}

.shadetabs li a:hover{
background:#333;
	color:#fff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-color:#fff;
    color:#333;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Ajax Tabs - Menu. Remove if not using ######### */


#dountrydivcontainer { /* the main content-section of the tabbed area NOT the tabs themselfes */
	width:579px;
       padding: 20px 0px 0px 0px;
       margin-bottom: 15px;
	display: inline-block; border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	background: #E3E8FF; /* declare background color for container to avoid distorted fonts in IE while fading */
}

#dountrydivcontainer img {
	border: none;
}


.ajax-tabs { /* the whole area of the tabs navigation above the tabbed-content */
    list-style:none;
    margin:0px;
    padding:0px;
}

.ajax-tabs:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ajax-tabs li {
    float: left;
    margin:0 1px 0 0;
    min-width: 90px; /* be nice to Opera */
}
.ajax-tabs li a {
    position: relative;
    display:block;
    padding:5px;
    background:#CFD0D3;
    margin:1px 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    top:1px;
    z-index:1;
    color: #444;
    font-weight:bold;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    border:0px solid #ccc;
    white-space:nowrap; /* required in IE 6 */
    outline:0; /* prevent dotted border in Firefox */
}

.ajax-tabs li a:hover { /* here´s to define the hover effect of the tabs */
    background:#ddd;
	color:#990000;
}


.ajax-tabs li a.selected { /* the effects of the currently selected tab */
	background-color:#CFD0D3;
       color:#990000;
	border-bottom:1px solid #CFD0D3;
       border-top:3px solid #CFD0D3;
}