body {
font-family: Verdana,Arial,Trebuchet,helvetica ;
font-size: 0.875em;
margin: 0px;
}

div.header {
    height: 90px;
    width:100%;
    background-color:#E2EEF7;
    border-bottom-width: 8px;
    border-bottom-style: solid;
    border-bottom-color: #2484C0;
    padding-top: 7px;
    margin-bottom: 20px;
}

div.logoframe {
	position: relative;
	width: 978px;
	height: 172px;
}

@media all and (min-width: 1024px){
  div.headercontainer {
	position: relative;
        height: 90px;
        width: 980px;
        margin-left: auto;
	margin-right: auto;
}
        div.outerframe{ 
	position: relative;
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 50px;
	overflow: hidden;
	background-color:#FFFFFF;
	padding-left: 5px;
	padding-bottom:10px;
}
    div.output {
	position: relative;
	float: left;
	width: 770px; 
	height: auto;
	overflow: hidden; 
        padding-right:2px;
}
div.outputbodycontainer {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden; 
    moz-box-sizing: border-box; 
	box-sizing: border-box;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 12px;
	padding-right:5px;
}
div.sidebarcontainer {
	position: relative;
	float: right;
	width: 196px;
	height: auto;
	text-align: left;
	margin-bottom: 30px;
}
div.sidebar {
	position: relative;
	float: right;
	width: 196px;
	height: auto;
	text-align: left;
	margin-bottom: 30px;
}
div.bodynavigationlinks {
	float: left;
	width: 100%;
	padding-left: 12px;
}
.logoimg{
   width:500px;
   height:85px;
}
}
@media all and (min-width: 481px)and (max-width: 1023px){
      div.headercontainer {
	position: relative;
        height: 90px;
        width: 100%;
        margin-left: auto;
	margin-right: auto;
}
    div.outerframe{ 
	position: relative;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 50px;
	overflow: hidden;
	background-color:#FFFFFF;
	padding-left: 5px;
	padding-bottom:10px;
}
div.sidebar {
	position: relative;
	float: left;
	width: 196px;
	height: auto;
	text-align: left;
	margin-bottom: 30px;
}
    
    div.output {
	position: relative;
	float: left;
	width: 100%; 
	height: auto;
	overflow: hidden; 
        padding-right:2px;
}
div.outputbodycontainer {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden; 
    moz-box-sizing: border-box; 
	box-sizing: border-box;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 12px;
	padding-right:5px;
}
div.bodynavigationlinks {
	float: left;
	width: 100%;
	padding-left: 12px;
}
.logoimg{
   width:500px;
   height:85px;
}
}


/* #### Mobile Phones Portrait #### */
@media all and (max-width: 480px){
      div.headercontainer {
	position: relative;
        height: 90px;
        width: 100%;
        margin-left: auto;
	margin-right: auto;
}
        div.outerframe{ 
	position: relative;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 50px;
	overflow: hidden;
	background-color:#FFFFFF;
	padding-left: 5px;
	padding-bottom:10px;
}
div.output {
	position: relative;
	float: left;
	width: 100%; 
	height: auto;
	overflow: hidden; 
        padding-right:2px;
}
div.outputbodycontainer {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden; 
	box-sizing: border-box;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right:5px;
}
div.sidebar {
	position: relative;
	float: left;
	width: 196px;
	height: auto;
	text-align: left;
	margin-bottom: 30px;
}
div.bodynavigationlinks {
        position: relative;	
        float: left;
	width: 100%;
        height: auto;
        overflow: hidden;
	padding-left: 5px;
}
.logoimg{
   width:300px;
   height:45px;
}
}
div.outputdivider {
	position: relative;
	float: left;
	width: 95%; 
	height: auto;
	overflow: hidden; 
	background-color:#FFFFFF; 
	border: 1px solid #808080;
    border-style: solid;
    moz-box-sizing: border-box; 
	box-sizing: border-box;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:5px;
	padding-right:5px;
}

div.headings {
	position: relative;
	float: left;
	width: 100%;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.countrynavigationlinks {
	float: left;
	margin-right: 5px;
	width: 210px;
}

h1 {
	font-family: Tahoma,Verdana,Arial,Trebuchet,helvetica ;
	font-size: 2.0em;
	font-weight: bolder;
	color: #B2C928;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2 {
	font-family: Tahoma,Verdana,Arial,Trebuchet,helvetica ;
	font-size: 1.1875em;
	font-weight: bolder;
	color: #B2C928;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.headings {
	font-family: Tahoma,Verdana,Arial,Trebuchet,helvetica ;
	font-size: 1.1875em;
	font-weight: bolder;
	color: #B2C928;
}

h2 + p {
    margin-top: 4px;
}

h1 + p {
    margin-top: 6px;
}

#feedbackbtn { 
	position: fixed; 
    top:40%;
	z-index: 1000;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	-webkit-transform-origin: bottom right; 
	-moz-transform-origin: bottom right; 
	-o-transform-origin: bottom right; 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	right:5px;
}

thead{
    font-weight: bold;
}

a.bodynavigation:link {font-family: Verdana,Arial,Trebuchet,helvetica; color: #2484C0; text-decoration: none; }
a.bodynavigation:visited {font-family: Verdana,Arial,Trebuchet,helvetica; color: #2484C0; text-decoration: none; }
a.bodynavigation:hover {font-family: Verdana,Arial,Trebuchet,helvetica; color: #2484C0; text-decoration: underline; }
a.bodynavigation:active {font-family: Verdana,Arial,Trebuchet,helvetica; color: #2484C0; text-decoration: none; } 
a.h2bodynavigation {
        font-family: Tahoma,Verdana,Arial,Trebuchet,helvetica;
        font-size: 1.1875em;
        font-weight: bolder;
        color: #B2C928;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
}

a.h2bodynavigation + p {
    margin-top: 4px;
}

#toTop { width:40px;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }

.social-slide {
	height: 48px;
	width: 48px;
	margin: 8px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-slide:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}
.twitter-hover {
	background-image: url('/images/social_bookmarking/twitter-hover.png');
}
.facebook-hover {
	background-image: url('/images/social_bookmarking/facebook-hover.png');
}
.google-hover {
	background-image: url('/images/social_bookmarking/google-hover.png');
}

#floating_bar { 
background-color:#fff; 
position:fixed; 
padding:0 0 3px 0; 
bottom: 30%; 
margin-left:-90px; 
float:left; 
border: 1px dotted #f7f7f7; 
border-radius: 5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
z-index:10; 
}
#floating_bar { 
clear:both; 
}