body{ font-family:Arial; font-size:62%; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif}
body, html, form { margin:0px; padding:0px; height:100%;}
.mainContainer{ margin-left:auto; margin-right:auto; height:100%}
.page {background:#fff; margin-bottom:20px;}
.topBanner { background-color:#fff}
.logo {float:left;background-image: url(../images/shabukutty.png); background-repeat:no-repeat; }
.contentList{list-style:none; font-size:1.4em; margin:0px; margin-top:20px; color:#454545}

.orderedList1 li{ float:none; clear:both;  margin-left:-15px;}
.clearFloat {clear:both}
.spacer{ height:10px;}
h2{ margin:0px; padding:0px; padding-bottom:2px;}
.buttons { float:right; padding-right:20px}
.buttons a{ text-decoration:none; padding-left:8px; padding-right:8px; border:solid 1px #2B75D3; display:inline-block;  line-height:26px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; margin-right:8px; color:#fff; background: #43ABFF; 
 }
.buttons a.pink{border:solid 1px #970E65; background: #FB0EA5; 

}
.footer{ background:#F6F6F6; padding-top:5px} 
.footerList li{ list-style:none;}
.footerList li a{ line-height:20px; color:#8D8D8D; text-decoration:none}
.footerList li a:hover { color:#FB0EA5; text-decoration:underline}
.copyright{ text-align:left; color:#B4B4B4; padding-left:40px; padding-top:10px; font-size:1.4em; padding-bottom:20px}
.innerContent .header { font-size:1.8em;  border-bottom:solid 1px #D3D3D3; color:#1a1a1a; margin-top:4px; margin-bottom:2px}
.innerContent .header span{ font-weight:normal; color:#757575; line-height:18px;}
.hidden {visibility:hidden}
.innerContent .secondColumn h3{ margin:0px; padding:0px; padding-bottom:4px; color:#FB0EA5; font-size:1.4em; font-weight:normal}
.innerContent .secondColumn h4{ margin:0px; padding:0px; padding-bottom:4px; margin-top:20px; color:#505050;font-size:1.2em; font-weight:bold}
.innerContent .secondColumn a{ line-height:20px; display:block; font-size:1em; color:#117EB6; text-decoration:none;}
.innerContent .secondColumn a span{color:#808080; font-size:.8em}
.innerContent .secondColumn a:hover{color:#FB0EA5;}
.innerContent .secondColumn a:hover span{color:#117EB6;}
.more { margin-bottom:20px}
.innerContent .contentList .firstColumn h2{ margin:0px; padding:0px; font-size:1.2em; border-bottom:solid 1px #ABABAB }
.section h5{ font-size:1.2em}
.section p{ }
.code { background-color:#F6F6F6; padding:8px; }
 span.blue{ color:blue;}
 span.red{ color:red;}
.code div div{ padding-left:10px; padding-top:4px; padding-bottom:4px}
.firstColumn .overview { border:solid 1px #EEEEEE; -webkit-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; background-image:url(../images/speed.png); background-position:right top; background-repeat:no-repeat }
.firstColumn .activePanelContent { font-size:1.1em}
.firstColumn .horizontalTabContent { font-size:1.3em}
.contentList .firstColumn .overview h2{ border:none; font-size:2em; font-weight:normal;letter-spacing:-2px;}
.overview ul{ margin:0px; padding-left:15px;  padding-top:15px;}
.overview li{ list-style-type:circle;  clear:both; line-height:22px; font-size:1.2em; }
.heighlight { background-color:#FFF77B; padding-left:4px; padding-right:4px; color:#1a1a1a}
p{ line-height:20px}
.homeContent .contentList .firstColumn h2{ border:none}
.footerList li a span ,a.newWindow  span  { display:inline-block; width:14px;}
.footerList li a:hover span, a.newWindow:hover span { margin-left:4px; background-image:url(../images/new_window_icon.gif); background-position:center center; background-repeat:no-repeat }
.innerContent .contentList .firstColumn .popupWin .popupWinheader h2 { border:none; font-size:1.8em !important; margin-left:0px !important; padding:0px !important; }
.innerContent .contentList .firstColumn .popupWin .popupContent h2{ border:none; }
.modal {  text-decoration:none; color:#117EB6}
a.modal:hover{color:#FB0EA5;}
.section a { font-size:1em;  text-decoration:none; color:#117EB6}
.section a:hover{color:#FB0EA5;}
.tip{ font-size:.9em; font-style:italic; color:#929292}
 .download { text-decoration:none; padding-left:40px; padding-right:10px; border:solid 1px #2B75D3; display:inline-block;  line-height:30px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; margin-right:8px; color:#fff; background-color: #43ABFF; background-image:url(../images/download.png); background-position:left center; background-repeat:no-repeat  }

.boldHeader{ font-size:2em; margin:0px; padding:0px; margin-bottom:10px}
.firstColumn .tabWrapper{ font-size:.8em}
 .firstColumn .verticalTabContent{ font-size:1em}
 .firstColumn .popupWin{ font-size:.8em}
@media only screen and (min-width: 100px) 
{

.minwidth300 { display:block}
.maxWidthView { display:none}
.rightPanel{ visibility:hidden}
.leftPanel,  .contentPlaceHolder  { display:none}	
	
}
@media only screen and (min-width: 180px) 
{
	
	
}

@media only screen and (min-width: 320px) 
{
	
}

@media only screen and (min-width: 480px) 
{
	
	
}
@media only screen and (min-width: 768px) 
{
	
}
@media only screen and (min-width: 1024px) 
{
.mainContainer{width:985px; }
.topBanner { height:68px;}
.logo{ width:230px; height:68px; background-position:-5px 0px;}
.imageContainer{background-image: url(../images/minimizeEffort.png); background-repeat:no-repeat;  height:305px }
.contentList li{ float:left}
.contentList li.firstColumn{ width:570px; padding-right:40px; }	
.contentList li.secondColumn{width:320px; }	
.innerContent .contentList li.firstColumn{ width:650px; padding-right:40px; }	
.innerContent .contentList li.secondColumn{width:220px; }	
.buttons { height:68px; width:30%; vertical-align:middle;  margin-top:16px; margin-bottom:auto}
.buttons  button{} 
.footer {  font-size:1em}
.footerList{margin:0px; margin-top:30px; }
.footerList li { float:left; width:32%;}
.footerList li a{ display:block; clear:both}
.innerContent .header { padding-left:40px; }
.more{background-image: url(../images/more.png); background-repeat:no-repeat;  height:244px}
.section { padding-bottom:10px; padding-top:10px}
.overview  h2{ font-size:2em; border:none }
.overview{ padding:10px; padding-bottom:30px}
	}