
/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   
   Author: Saad Ansari
   
   ========================================================================== */

 
 @media (min-width: 768px) and (max-width:1024px) {
   .chnagePasswrdPopup {
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: black;
    position: relative;
    background: white;
    width: 35%;
    height: auto;
    padding-top: 0px !important;
   }
   
   .cpError {
    color: red;
    float: right;
    margin-right: 5%;
    font-family: "FuturaBook", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: -6%;
    position: absolute;
    right: 9px;
}
   
}

   

@media only screen and (max-width: 767px)
{
    
   
   .chnagePasswrdPopup {
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: black;
    position: relative;
    background: white;
    width: 61%;
    height: auto;
    padding-top: 0px !important;
}
    
  
        .login-sec .wdoutKB {
    margin-top: 0% !important;
}
     

.signUpDiv {
    height: 134px !important;
}


.vkb
{
    display:none !important;
    }
    
    #containerKey
    {
        display:none !important;
        }
    /*
  .login-sec .wdoutKB1
    {   margin-top:0% ;
         margin-top: 5% ;
        }
      */  
        
   /*     #mainBody_btnSignUp
    {
        margin-top: 10% !important;
        }
    .login-sec .btn2
    {
        margin-top: 10% !important;
        }
        
        .login-sec .btn1
        {
            margin-top: 8.1% !important;
            } */
    
    /* Uroosa */
    
    
  /* Style adjustments for viewports 480px and over go here */
  /* Style adjustments for viewports 480px and over go here */
  
 .login div{height:240px;} 
.login .btn2{padding:5px 10px;} 
 
 
 
#lSearch {display:block}

#calc-container {border: 1px solid #E4E4E4;}
  
/*  .calc-fin #first_step, .calc-fin #second_step, .calc-fin #third_step, .calc-fin #fourth_step { 
    height: auto !important;
    left: 0;
    overflow: hidden;
    padding-bottom: 40px;
    position: absolute;
    top: 0;
    width: 680px;}*/
	
	

  
  .calc-fin #second_step .foot2 { margin-top:20px; overflow: hidden;}
.landing-grid hr {display: none;}
.footer-row { display:inline; }
.footer-row .download, .footer-row .social { display: inline;line-height: 36px;}
.footer-row .social ul{ margin:5px 0;}
  #main #content .grid ul li {margin:0}
  #breadcrumb ul {   margin: 0 0 10px 10px;    padding-top: 10px;}
.btn_quicklinkPlus, .btn_quicklinkMinus { background-position: 98% 50%;}
  
  .addthis_toolbox {width:100px; border:0px solid #ccc; margin:20px auto !important}
  
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
    margin: 2px 0;

}
  #main #content .grid2 li .col{ margin-left:0px;}
  #main #content .grid2 li img { float: left !important; margin: 0 0 10px !important;text-align:center;}
  
  .grid2{ padding:0px;}
.grid2 {
    margin-top: 10px;
}
    body{min-width:100% !important; margin:0px !important; padding:0px !important;}
  #container{ width:100%; float:none;}

     article{ width:100% !important; margin:0px !important; padding:0px !important;}
   section, #main, #content, footer{ width:100% !important; margin:0px !important; padding:0px !important;}
  .c_12, .c_1, .c_2, .c_3, .c_4, .c_5, .c_6, .c_7, .c_8, .c_9, .c_10, .c_11, .c_13, .c_12, .grid ul li, .g_1, .g_2, .g_3, .g_4, .g_5, .g_6, .g_7, .g_8, .g_9, .g_10, .g_11, .g_12
  {
    width: auto !important;
    float: none !important;
	}
	#main h1.pagetitle { width:100% !important;}
	#main #content .grid ul li{ float:left !important; width:100% !important;}

header.head{ height:105px !important;}	
.logo h1{width:100% !important; margin-top:0px !important; height:200px !important; }	
.logo h2{width:100% !important; margin:0px !important; padding:0px !important; }	

.entry em { color:#ba0c2f; font-style:normal; width:100% !important; font-size:12px;  }
.entry p { width:100% !important; }
.navs{ display:none;}
#sNav{ display:block; width:100%; height:25px; background:#CCCCCC; float:none;}
.head{ display:none;}



.secondary{ display:none;}


header.head {background-image:none !important;}
.fwrap{ display:block;}
.images div { width:100% !important;}

#breadcrumb{ margin:0xp; padding:5px;}
#main h1.pagetitle { 
	font-family:"FuturaBook", "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background-color:#ba0c2f;
	padding-left:10px;
	float:none;
	position:relative;
	
	width:auto !important;
	margin:0;
	margin-top: 45px;

	
}
#breadcrumb { margin:0px; padding:0px;}
.box-intro { margin:0 auto !important; padding:5px !important;  }
#sidebar-left, #sidebar{ float:none;}

#sidebar ul li, #sidebar-left{ text-align:center;}
#main #content .grid ul li{ 
	float:none; width:100% !important;
	padding:0;
	background-image:none;
}
.images img{ max-width:480px !important}
.images div {max-width:480px !important}
#hImage  > img{ max-width:100% !important; max-height:100% !important;}

   .gallery-columns-2 .gallery-item {
      width: 50%;
   }

   .gallery-columns-2 .gallery-item img {
      width: 100%;
      height: auto;
   }

 
#rHeader{ display:block !important;}
#rLogo{ width:100%; height:52px; background:#ba0c2f; line-height:87px; padding-top:15px; padding-bottom:15px;  }	
.icon-home { background-image: none !important;  }

.menu-item-338{ display:none !important;}
#rNav {

	height: 40px;
	width: 100%;
	background: #455868;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744; position:relative;z-index:1000; 
}
#rNav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 40px;
	background: #455868;
}
#rNav li {
	display: block;
	float: none;
	padding-left:0px !important;
}
#rNav a {
	color: #fff;
	display: block;
	width: 100%;
	text-align: left;
	text-decoration: none;
	line-height: 37px; 
padding-left:0px !important;
}
#rNav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
padding-left:5px !important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#rNav a:hover, nav a:active {
	background-color: #8c99a4;
}


	#rNav {
		border-bottom: 0;
	}
	#rNav ul {
display: none;
		height: auto;
	}
	#rNav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	#rNav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
.quickSlider{ width:100% !important; top:-350px !important; height:365px !important;}
#menu-quick-links .menu-item{ float:none !important; width:100% !important; margin:auto 0px; font-size:14px; }
#menu-quick-links{ padding-left:10px;}	
.btn_quicklinkPlus, .btn_quicklinkMinus { left:0px;}
#container > footer .copy { float: none; text-align:center !important; margin:0 auto !important; }
#container > footer .credits { text-align:center; }
#footernav{ padding-top:10px;}

#footernav li {display:inline; padding:0; border-right: 1px solid #b0b8be; float:none; text-indent: 0; text-align:center; width:auto; }

.fundpricing { float:none; width:100%;height:120px;}
.letushelp { float:none; width:100%; margin:0 auto; text-align:center; background:#999999;}
.letushelp img { max-width:100%;}


.fundpricing .fpwrap { padding:8px 10px 0; }
.fundpricing h4, .price-rotator-nav, .price-rotator, .more-wrap { float:none; }

.fundpricing h4 { padding:0; margin:0; color:#ba0c2f; text-transform:uppercase; margin:6px 10px 0 0; }

.fundpricing .more-wrap { padding:6px 0 7px; border-left:0px solid #999; padding-left:10px;}

.fundpricing .fund-name { font-weight:bold; }
.fundpricing .price strong { font-weight:normal; color:#555}




.price-rotator { position: relative;
	padding: 0 0 1px 0;
	margin: 0 0 0 10px;
	width: auto;
	font-size: 11px;
	color: #666;

}
.price-rotator li {
	display: none;
	position:absolute;
	list-style:none;
	line-height: 1.4;
	top:30px;
}
.price-rotator li.active {
	width: 100%;
	
}

.price-rotator-nav { margin:5px 0 0 0}

.price-rotator-nav .prev span, .price-rotator-nav .next span { display:none;} 
.price-rotator-nav .prev, .price-rotator-nav .next {
	width: 16px;
	height:16px;
	float: left;
	background:url("../images/spinner-button.png") no-repeat 0 0;
	text-decoration:none;
}		

.price-rotator-nav .prev:hover, .price-rotator-nav .next:hover {
	background-position:-16px 0;
}		



.price-rotator-nav .next { background-position:0 -16px; margin-left:3px }
.price-rotator-nav .next:hover { background-position:-16px -16px; }

.fpwrap a.more { 
	background-color:#EFEFEF !important; padding:0px; color:#fff; 
	font-size:11px; text-decoration:none; font-weight:bold; line-height:20px;
	clear:both;
	margin:5px;
	color:#ba0c2f;
}
.fpwrap a.more:hover {
	background-color:#EFEFEF;
	color:#ba0c2f;
}
.fundpricing .more-wrap { padding:0px !important;}

.images{ display:none;}
.home-grid, .landing-grid{ margin:5px auto; text-align:center;}


#main #content .grid2 li .col {
    margin-left: 0px;
}
.cform textarea, .cform input["type=text"] {
    width: 260px !important;
}

.callus-head { position:relative !important; margin: 0px auto !important; width:100% !important; background:#ba0c2f;}

.callus-head .callus-content { display:none; padding:10px; color:#FFf; background-color:#666 !important; line-height:20px;  }
.callus-head a:hover .callus-content { }
#rhome{display:block;}
#phome2{ display:none;}
.grid ul li h3 a { color:#878686 !important; text-transform:uppercase !important; }
.grid ul li h3 a:active { color:#878686 !important; text-transform:uppercase !important; }
.grid ul li h3 a:visited { color:#878686 !important; text-transform:uppercase !important; }
.grid ul li h3 a:hover { color:#878686 !important; text-transform:uppercase !important; }
.grid li:hover h3 { color:#222; border-color:#b0b8be; }
.download a{ margin-left:12px !important;}
.fb{ margin-right:12px; padding-top:2px;}
.social .fb a { background-position:left 1px; height:25px; line-height:25px;}
.content-wrap{ width:95% !important; margin: 0px auto !important;}

/*.entry h3+p {
    margin: 10px !important;
}

.entry h3+ul {
    margin: 10px !important;
}
.entry h3{
    margin: 10px !important;
}

*/


.last_updated_date {
    margin: 0px auto !important;
	display:block; text-align:center; padding-top:15px;
	
}
#search_menu{
display:none;
}
#search_menu_mobile {
	display:block;
	background-color:#b4b4b4;

	width:210px;
	border:1px transparent;
	text-align:left;
	padding:8px;
	color:#789;
	font-size:11px;
	margin:0px auto;
}

#search_menu_mobile input[type=text] {
	display:block;
	font-size:13px;
	margin:0 0 0px;
	padding:3px;
	width:155px;
	float:left;
}
#searchsubmit {

    display: block;
	color:#fff;
	padding:5px 10px;
	font-size:11px;
	margin:-24px 0px 0 0px;
	font-weight:bold;
	float:left; 
	background-color:#ba0c2f;
	border-width:0;
}
.calc-nomp input[type="text"]{ width:75px;}


#search_menu_mobile{ display:none;}
.entry h3{ margin-top:15px !important;}
#menu-quick-links .sub-menu { margin: 0px 0 10px 0px; }

#content .management .members li{width:186px;}
.management .members h4, .member-content h4{ font-size:10px;}
/*#content .management .members li div{ float: left !important; }
#content .management .members li h4{ float: left !important; padding-left:15px;}*/




/*

#results{ display:none !important;}
#simplemap{ margin-left:15px !important;}

.calc-fin #calc-container {width:100% !important; height:auto !important; }
.calc-fin #first_step, .calc-fin #second_step, .calc-fin #third_step, .calc-fin #fourth_step { width:100% !important; height:auto !important; position:absolute; top:0; left:0}
#content .calc-fin .selection li{ float:none !important}
.calc-fin #submit_first { 
	border: medium none;
    font-size: 18px;
    padding: 12px 18px;
    position: relative;
    top: -14px !important;
    left: 25px !important;
	background-color:#ba0c2f;
	color:#fff;	
}
.calc-hlv #calc-container {width:auto; height:554px;}
.calc-fin #first_step { background-repeat: repeat-y !important;  }




#calc-container {
    height: auto !important;
    width: auto !important; 
	background:#ccc !important;
}
#form_container1{ height:1300px !important;}
.calc-pf #first_step, .calc-pf #second_step, .calc-pf #third_step, .calc-pf #fourth_step, .calc-pf .bg-wrap, .calc-pf #first_step .form{
width:auto !important;	
}
.calc-pf #first_step #sub1, #sub2, #sub4, #sub5{ left:20px !important;}
.calc-pf #first_step #sub2{ top:325px !important;}
.calc-pf #first_step #sub3{ top:625px !important;}
.calc-pf #first_step #sub4{ top:925px !important;}
#first_step ir{ display:block !important;}
.calc-fin table,.calc-fin .table-wrap{ width:auto !important;}
.calc-fin #second_step table input{ width:100px !important;}
.calc-pf .bg-wrap{ background-position:5% 55% !important;}
.calc-pf #fourth_step .form{ width:300px !important;}
.calc-cf #first_step, .calc-cf #second_step, .calc-cf #third_step, .calc-cf #fourth_step{ width:auto !important;}
.calc-cf #first_step, .calc-cf #second_step, .calc-cf #third_step, .calc-cf #fourth_step{ height:auto !important; position:relative !important;}
.note p,.note ol li{ color:#fff !important}
.calc-cf #first_step{ background:none !important;}
.over-lbl2{ height:900px !important;}
#form_Plan1{ height:500px !important;}
.calc-pf .bg-sub2, .bg-sub3, .bg-sub4{ background:none !important;}*/

.calc-fin #calc-container{ width: auto !important; height:auto !important;}
.calc-fin #first_step{ width: auto !important; height:1000px !important; background:#FBF6F6 !important; position:relative !important; padding:10px;}
.calc-fin #submit_first{ left:4px !important; top:17px !important; margin:0px auto !important; max-width:100px !important;}
.calc-fin #first_step .error{left:4px !important; top:-50px !important;}
.calc-fin #first_step .form{margin:0px auto !important; max-width:341px !important}

.calc-fin #second_step{ width:auto !important; height:800px !important; position:relative !important; padding:10px; background:#FBF6F6 !important;}
.calc-fin table,.calc-fin .table-wrap{ width:auto !important;}
.calc-fin #second_step table input{ width:100% !important;}
.calc-fin #second_step .form{ left:0px !important; top:10px !important}

.calc-fin #third_step{ width:auto !important; height:700px !important; position:relative !important; padding:10px;background:#FBF6F6 !important;}
.calc-fin #third_step .form{ left:0px !important; top:10px !important; width:auto !important}



.calc-pf #calc-container{ width: auto !important; height:auto !important;}
.calc-pf #first_step{ width: auto !important; height:1250px !important; background:#FBF6F6 !important; position:relative !important;}
.calc-pf #first_step .form{ width:100% !important; height:100% !important}

.calc-pf #first_step #sub1, .calc-pf #first_step #sub2,.calc-pf #first_step #sub3,.calc-pf #first_step #sub4{ top:0px !important; left:0px !important; 
position:relative !important; width:80% !important; height:auto !important; margin:0px auto !important; border-top:1px solid #ccc; padding:10px !important;}
.calc-pf #first_step #sub1{ border-top:0px}

.calc-pf #second_step{ width:auto !important; height:500px !important;background:#FBF6F6 !important;  position:relative !important; padding:10px;}
.calc-pf #second_step .text{ width:90% !important; color:#000 !important;}

.calc-pf #second_step .form{ width:auto !important; left:0px !important; top:10px !important; position:relative !important;}
.calc-pf #first_step, .calc-pf #second_step, .calc-pf #third_step, .calc-pf #fourth_step, .calc-pf .bg-wrap{ width:auto !important; position:relative !important;}

.calc-pf #second_step{ background-position:-70px !important}
.calc-pf .bg-sub1, .calc-pf .bg-sub2,.calc-pf .bg-sub3,.calc-pf .bg-sub4{ background-image:none !important;}

.calc-pf #third_step{ width:auto !important; height:500px !important;background:#FBF6F6 !important; position:relative !important;padding:10px;}
.calc-pf #third_step{ background-position:-70px !important}
.calc-pf #third_step .form{ width:auto !important; left:0px !important; top:0px !important}

.calc-pf #fourth_step{ width:auto !important; height:500px !important; background:#FBF6F6 !important;position:relative !important; padding:10px !important; }
.calc-pf #fourth_step{ background-position:-70px !important}
.calc-pf #fourth_step .form{ width:auto !important; left:0px !important; top:0px !important; color:#000 !important;}


.calc-cf #calc-container{ width: auto !important; height:auto !important;}
.calc-cf #first_step{ width:auto !important; height:auto !important; position:relative !important; background:#FBF6F6 !important}
.calc-cf #first_step .form{ margin:0px auto !important;}

.calc-cf #second_step{ width:auto !important; height:500px !important; position:relative !important;background:#FBF6F6 !important;}
.calc-cf #second_step{ background-position:-70px !important}
.calc-cf #third_step{ width:auto !important; height:500px !important; position:relative !important;background:#FBF6F6 !important;}
.calc-cf #third_step .form{left:-17px !important; top:0px !important;}
div.result{ padding-top:15px !important;}
#rdesults{ display:none;}
#simplemap{ width:100%;!important; height:451px !important;}

#ndis{float:left; margin-top:0px;}
#nresults{margin-left:30px; margin-top:75px;}
#ntext{margin-left:25px; margin-top:100px;width:auto;height:100px; float:left;}
.calc-cf #third_step .text{ width:auto !important; color:#000 !important;}



li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3901 {display: none !important;}
#rNav ul li:first-child #menu-item-1155 {display:block !important;}
#mobSearch {display: none !important;}
.icon-home {display: none !important;}
#content .calc-fin .selection li{ width:100% !important; height:100% !important}
#content .calc-fin .selection li{ background:none !important;}
.selection img, .calc-pf #first_step img, .calc-cf #first_step img{max-width:100% !important; background:none !important; display:block;}


.calc-fin .selection li .status{top:-41px !important; font-size:3vmin !important; left:10px !important;}
.nbtn{ display:block;}
calc-container .submit{ margin:0px;}
.calc-cf #second_step .form{ left: 0px !important; top:40px !important; position:relative !important}


.calc-pf #first_step #sub1, .calc-pf #first_step #sub2, .calc-pf #first_step #sub3, .calc-pf #first_step #sub4{ background-image:none !important;}

.widgets img{max-width:100% !important; }

.calc-cf #first_step #child_education, .calc-cf #first_step #child_marr{ background:none !important;float:none !important; width:auto!important;height:auto !important;}
.calc-cf #first_step #child_marr{ float:none !important; width:auto!important; }
.sr_tax{height:auto; float:none;}
.calc-cf #first_step .form{ max-width:261px;}
.calc-cf #second_step li label{ color:#000 !important;}
.sr_box{width:auto; float:left; font-size:14px;}
.calc-cf #third_step .back{left:27px !important}
.calc-fin #second_step .foot2{top:8px !important; left:0px !important}
.calc-fin #third_step .back{top:8px !important; left:0px !important}
.calc-pf #second_step .submit, .calc-pf #third_step .submit,.calc-pf #fourth_step .submit{top:10px !important; left:0px !important;}
.calc-pf .form label{ color:#000 !important}
.calc-pf #fourth_step .form a{ color:#000 !important}
.sr_center{ text-align:center;}

#main .sr_image img { border: 1px solid #F3F3F3;}
.sr_image img{ max-width:90% !important; }
.clearfix:before, .clearfix:after{ display:block !important;}
#map-locator-locations-listing{ width:auto !important; float:left !important; margin-top:30px; height:auto !important;}


div.result{ width:auto !important}
#sec p{ text-align:justify !important}
div.result{ line-height:2.2em !important}
.markertext p{ width:150px !important}
.leftsmallimg{ float:left; width:45%; margin:5px;}
.rightsmallimg{ float:left; width:45%; margin:5px;}
.leftsmallimg h3 a, .rightsmallimg h3 a{ font-size:14px;}

.calc-fin #first_step, .calc-fin #second_step, .calc-fin #third_step, .calc-fin #fourth_step
	{ height: auto !important; padding:10px 10px 50px !important; }

.calc-cf #first_step, .calc-cf #second_step, .calc-cf #third_step, .calc-cf #fourth_step
	{ height: auto !important; padding:10px 10px 50px !important; }

.calc-pf #first_step, .calc-pf #second_step, .calc-pf #third_step, .calc-pf #fourth_step, .calc-pf .bg-wrap
	{ height: auto !important; padding:10px 10px 50px !important; }


.calc-cf #calc-container {   height: auto !important;    min-height: 400px; background:#FBF6F6 }
.calc-pf #calc-container{       height: auto !important; min-height: 400px; background:#FBF6F6}
.calc-pf .form label{line-height: 20px; margin-top: 10px;}
.calc-cf #second_step li input, .form input, .calc-pf .form select {     max-width: 210px;  width: 70%;}
.entry #dl_accordion h3 {    margin-top: 0px !important;}


div.result-block {  margin: 0 !important;
    padding-bottom: 10px !important;}
	div.result {    padding-top: 0 !important; }
	.child_education #ntext {height: auto !important; margin-bottom: 25px;}
.c_12 .push_6 {left: 0}




}

@media only screen and (max-width: 320px) {
	
	
	
	
	/*select{ font-size:3.5vmin !important;}*/
	
	.portrait-search .field { width: 75px; padding: 4px;}
	#calc-container .submit { padding: 5px 10px !important;}

	#location_search_submit_field{margin-left:175px !important;}
.sr_image img{ max-width:50% !important;}
.leftsmallimg{ float:none; width:auto; margin:0px auto; margin-right:10px;}
.rightsmallimg{ float:none; width:auto; margin:0px auto;margin-right:10px;}
.leftsmallimg h3 a, .rightsmallimg h3 a{ font-size:11px;}
	
.calc-fin #submit_first{font-size:5vmin !important;} 
.calc-fin #second_step .submit, div, p, td, table, tr, label{font-size:3.5vmin !important;}
#calc-container form span{font-size:3.5vmin !important;}
th{font-size:3.5vmin !important; }
.calc-fin .selection li .status{top:-30px !important; font-size:3vmin !important; left:10px !important;}
.submit{float:none !important;}
.calc-cf #second_step li input,.form input,.calc-pf .form select{ width:75% !important;}
#dd, #mm, #yyyy{ width:20px !important}
#simplemap{ width:100%;!important; height:451px !important;}
iframe{display:none!important;}
#searchsubmit {

    display: block;
	color:#fff;
	padding:5px 10px;
	font-size:11px;
	margin:-24px 0px 0 0px;
	font-weight:bold;
	float:left; 
	background-color:#ba0c2f;
	border-width:0;
}

}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
	
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }


/* Layout */
* { background: none; border: none; float: none; }
body { font-family: Arial, Helvetica, sans-serif; color: #000000; background: none; margin: 0; padding: 0; }
.clear { clear: both }
#navigation, #breadcrumb ul.tools, #pageNav, #tabs, #sidebar, #header .right, #footer img, #prefooter { display: none }
#wrapper { width: auto; margin: 10px; padding: 10px; border: 1px solid #999; }
#header h1 { font-family: Georgia, "Times New Roman", Times, serif; text-align: center; padding: 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #999; background: #fff; text-decoration: none; }
#breadcrumb { clear: both; float: left; font-size: 11px; width: 100%; margin: 0 0 15px 0; }
#breadcrumb ul { float: left; height: 30px; padding: 0 0 0 7px; margin: 0; width: 75%; }
#breadcrumb li { background: url(images/bullet_chevron_grey.gif) right center no-repeat; color: #666; float: left; list-style-type: none; margin: 0 7px 0 0; padding: 0.75em 10px 0.75em 0; font-size: 11px; }
#breadcrumb li:last-child { background: none }
#breadcrumb li a { color: #333; text-decoration: none; }
#content { background: #fff; height: 1%; }
#footer { font-family: Georgia, "Times New Roman", Times, serif; clear: both; background: none; padding: 20px; margin: 20px 0 0 0; border-top: 1px solid #999; }

/* Typography */
h1, h1 a { font-family: "Times New Roman", Times, serif; font-size: 30px; color: #000000; line-height: normal; margin: 0 0 10px 0; text-decoration: none; }
h2 { font-family: "Times New Roman", Times, serif; font-size: 24px; color: #000000; line-height: normal; margin: 0 0 10px 0; }
h3 { font-family: "Times New Roman", Times, serif; font-size: 16px; color: #000000; line-height: normal; margin: 0 0 10px 0; }
h4 { font-family: "Times New Roman", Times, serif; font-size: 14px; color: #000000; line-height: normal; margin: 0 0 10px 0; }
p { font-size: 12px; color: #000000; line-height: 18px; margin: 0 0 15px 0; }
small { font-size: 10px }
ul { list-style-type: disc; margin: 10px; padding: 5px; }
li { line-height: 18px; font-size: 12px; }
input, select, textarea { display: none }

/* Table style */
table.list { width: 100%; border-left: 1px solid #eee; border-right: 1px solid #eee; }
table.list th, table.list td { border-bottom: 1px solid #eee; padding: 5px; text-align: left; }
table.list th { font-size: 11px; color: #333; font-weight: bold; }
table.list td { font-size: 12px; color: #666; }
table.list td.last { background-color: #f1f1f1 }

}



/********************** Uroosa CSS ********************/

