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

.shadetabs{


margin-top: 1px;
margin-bottom: 0;
font: bold 09px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;


border: 1px solid #778;
color: #ffffff;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #333333;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #333333;
}

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

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

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

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 290px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 08px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 09px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 07px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/*##################################### Mock Test ####################*/













.modernbricksmenumock2{
padding: 0;
width: 420px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenumock2 ul{
margin:0;
margin-left: 08px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenumock2 li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenumock2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 07px 25px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenumock2 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenumock2 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontentmock{
display:none;
}

@media print {
.tabcontentmock {
display:block !important;
}
}





















/*##################################### using story#####################*/





.modernbricksmenu2story{
padding: 0;
width: 310px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2story ul{
margin:0;
margin-left: 01px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2story li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2story a{
float: left;
display: block;
font: bold 10px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 4px 06px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2story a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2story a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}









/*############################### Using for tab2 ######################### */





/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenutab2333{
padding: 0;
width: 350px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenutab2333 ul{
margin:0;
margin-left: 8px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenutab2333 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenutab2333 a{
float: left;
display: block;
font: bold 09px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 3px 8px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenutab2333 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenutab2333 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}









.modernbricksmenutab2{
padding: 0;
width: 430px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenutab2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenutab2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenutab2 a{
float: left;
display: block;
font: bold 09px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenutab2 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenutab2 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
















/*########################## This for tab 3 #######################*/



.modernbricksmenutab3{
padding: 0;
width: 430px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenutab3 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenutab3 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenutab3 a{
float: left;
display: block;
font: bold 09px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenutab3 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenutab3 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


/*###################### Using For Tab 3 ########################*/




.modernbricksmenutab4{
padding: 0;
width: 430px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenutab4 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenutab4 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenutab4 a{
float: left;
display: block;
font: bold 09px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenutab4 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenutab4 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}



/*###################################*/


.modernbricksmenutab114{
padding: 0;
width: 370px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenutab114 ul{
margin:0;
margin-left: 06px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenutab114 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenutab114 a{
float: left;
display: block;
font: bold 09px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenutab114 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenutab114 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}





















/*##########################  For Using Tab 4 ############################*/

.modernbricksmen5{
padding: 0;
width: 325px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu5 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu5 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu5 a{
float: left;
display: block;
font: bold 09px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu5 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu5 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


/*##################################### Using Tab 5 #######################*/
.modernbricksmen6{
padding: 0;
width: 950px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu6 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu6 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu6 a{
float: left;
display: block;
font: bold 10px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 7px 12px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu6 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu6 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


/*#################################### For Using Tab 6 #############################*/

.modernbricksmen7{
padding: 0;
width: 340px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu7 ul{
margin:0;
margin-left: 07px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu7 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu7 a{
float: left;
display: block;
font: bold 09px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 08px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu7 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu7 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}



/* ############################### Using For Tab 9 ####################### */



.modernbricksmen9{
padding: 0;
width: 550px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu9 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu9 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu9 a{
float: left;
display: block;
font: bold 09px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu9 a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu9 a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


/*pressscome3333333333333333333333333333333333333*/



.modernbricksmenu2press{
padding: 0;
width: 760px;
border-top: 5px solid #ff0000; /*Brown color theme D25A0B*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2press ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2press li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2press a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 66px;
background-color: #333333; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2press a:hover{
background-color: #ff0000; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2press a.selected{ /*currently selected tab*/
background-color: #ff0000; /*Brown color theme*/ 
color: white;
border-color: #ff0000; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


/*Press end */






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


.indentmenu{
font: bold 13px Arial;
 /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 09px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 350px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}