@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,300italic,500,500italic,700,700italic,900,900italic,100italic,100);

ul.tabs
{
    padding: 10px 0 8px;
    margin:0;
    font-size: 0;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/
    background: #DDDDE3;
    border:1px solid #CCC;
    border-bottom:none;
    border-radius: 2px 2px 0 0;
    font-family: 'Roboto', sans-serif;
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right: 0px;/*distance between tabs*/
    font-size:14px;
    font-family: 'Roboto', sans-serif;
}
        
ul.tabs li a
{
    text-decoration: none;
    position: relative;
    padding: 8px 10px;
    color: #000;
    border-radius: 3px 3px 0 0;
    outline:none;
}
  
        
ul.tabs li a:hover
{
    text-decoration: underline;
    color: #000;
}
        
ul.tabs li.selected a
{
    position: relative;
    top: 0px;
    font-weight:bold;
    background: #FFF;
    border: 1px solid #AAA;
    border-bottom: 1px solid #FFF;
    color: #000;
}       
ul.tabs li.selected a:hover, ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
    border: 1px solid #CCC; 
    padding: 10px;
    border-top-color:#AAA;
    background-color:#FFF;
    border-radius: 0 0 2px 2px;
    font-size:0.8em;
}
div.tabcontents img
{
    margin:0px;
    float:left;
    border:solid 1px #333;
    height:80px;
    width:240px;
}
div.tabcontents .tabl
{
	width:100%;	
}
div.tabcontents .imgcont
{
	width:250px;
}
div.tabcontents a
{
	color:#1975ff;
	text-decoration:none;
}
div.tabcontents .tdlbl
{
	font-weight:bold;
	line-height:18pt;
	text-align:right;
	padding-right:5px;
	color:#777;
	width:150px;
}
div.tabcontents .tddata
{
	color:#1975ff;
	line-height:18pt;
	text-align:left;
	padding-left:5px;
}
div.tabcontents .base
{
	background-color:#ddd;
	text-align:center;
	line-height:24pt;
}


/*Archive Menu css data*/
ul.square-menu {
list-style-type: none;
list-style: none;
padding: 0;
-webkit-font-smoothing: antialiased;
width:100%;
margin: 10px auto;
}

ul.square-menu li{
float: left;
margin:4px;	
}

ul.square-menu li a {
display:inline-block;
text-decoration: none;
padding:5px;
background-color:#fafafa;
border:solid 1px #ccc;
color:#000;
width:112px;
font-weight:300;
text-align: center;
-webkit-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
}
ul.square-menu li a:hover {
background-color:#404040;
color:#fff;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);

}
/*Archive menu css end*/