@charset "utf-8";
/*
CSS Auther: Uffan Ahmed
Email: uffan.ahmed@gmail.com
Cell: +92-3348-1234-70
Description: Responsive Layout for Foundation for Health Care Improvement
*/

/* Basic HTML Tags */
/*body { font-family:'PT Sans'; }*/
body { font-family: 'tahoma' ; }
p { font-size:14px; margin:10px; padding:0; text-align:justify; line-height:18px; color:#666; }
p a { font-size: 14px; line-height:18px; color:#F06A00; text-decoration: none; }
p a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { font-size:32px; }
h2 { font-size:18px; }
h3 { font-size:16px; color:#333; }
h4 { font-size:16px; color:#fff; }
h2:after, h4:after { 
    background:scroll 0 0 #F09000;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    margin-top: 10px;
    width: 50px;
}
a { color:#888; text-decoration:none; }
a.link:hover { text-decoration:underline; color:#222; }
a.link { line-height:35px; font-size:12px;  }

/* --- Basic Structured Classes --- */
.document_header    { width:1000px; height:100px; margin:auto; display:table; }
.document_body      { width:1000px; margin:0 auto; display:table; }
.document_footer    { width:100%; background:#202020; }
.span1  { width:10%;  display:table-cell; }
.span2  { width:20%;  display:table-cell; }
.span3  { width:30%;  display:table-cell; }
.span4  { width:40%;  display:table-cell; }
.span5  { width:50%;  display:table-cell; }
.span6  { width:60%;  display:table-cell; }
.span7  { width:70%;  display:table-cell; }
.span8  { width:80%;  display:table-cell; }
.span9  { width:90%;  display:table-cell; }
.span10 { width:100%; display:table-cell; }

/* --- Web Modules Individual Class --- */
.document_slider .slider_control a { font-size:20px; margin-left:8px; text-decoration:none; position:relative; }
.document_slider .slider_control_box { width:1000px; margin:auto; margin-top:300px; }
.document_slider .slider_control_box .slider_content_box h1, .document_slider .slider_control_box .slider_content_box h2 { display:none; }

.logo_name                      { display:table; }
.logo_name .logo                { display:table-cell; width:90px; }
.logo_name .name                { display:table-cell; vertical-align:middle; font-size:20px; }

.main_menu                      { float:right; font-size:15px; }
.main_menu ul, .main_menu li    { list-style:none; padding:0; margin:0; }
.main_menu ul                   { display:table; }
.main_menu li                   { display:table-cell; }
.main_menu li a                 { text-decoration:none; color:inherit; font-family:'PT Sans'; }
.main_menu li span              { display:table-cell; padding:12px 12px 15px 12px; margin:0 0 0 20px; border:1px solid #FFF; color:#999; cursor:pointer; }
.main_menu li span:hover        { border:1px solid #CCC; }
.main_menu li.selected span     { background:#F09000; color:#FFF; }
.main_menu .small_menu          { display:none; }

.advertisment                   { min-height:150px; text-align:center; border:1px solid #CDCDCD; font-size:12px; color:#666; margin-top: 40px; }

.footer_data                    { width:1000px; margin:0 auto 0 auto; display:table; }
.footer_data .footer_block      { display:table-cell; width:33%; padding:30px 15px 20px 15px; }
.footer_block p                 { font-size:12px; margin-left:0; color:#999999; }

.date                           { width:80px; margin:2px 15px 2px 0px; display:table; }
.date .date_value               { display:table-cell; padding:9px 10px; background:#F06A00; color:#FFF; font-size:11px; text-align:center;  }
.date .date_arrow               { display:table-cell; background:no-repeat url("../images/arrow_date.png"); width:5px; }

.img                            { width:109px; margin:2px 15px 2px 0px; display:table; }
.img .img_source                { display:table-cell; padding:2px; background:#F06A00; color:#FFF; font-size:11px; text-align:center;  }
.img .img_arrow                 { display:table-cell; background:no-repeat url("../images/arrow_date.png"); width:5px; }

.img.img_small                  { width:49px !important; margin:2px 15px 2px 0px; display:table; }
.img.img_small .img_source      { display:table-cell; padding:2px; background:#F06A00; color:#FFF; font-size:11px; text-align:center;  }
.img.img_small .img_source img  { width: 40px; }
.img.img_small .img_arrow       { display:table-cell; background:no-repeat url("../images/arrow_date.png"); width:5px; }

.info_box_parent                                                                    { position:absolute; width:100%; margin-top:20px; }
.info_box_parent .info_box_child                                                    { width:100%; }
.info_box_parent .info_box_child ul.info_box_item                                   { display:table; width:1000px; margin:0 auto 0 auto; }
.info_box_parent .info_box_child ul.info_box_item li.info_box                       { display:table-cell; width:33%; vertical-align:top; }
.info_box_parent .info_box_child ul.info_box_item li.info_box div.info_box          { padding:10px 40px 0 40px; color:#FFF; height:120px; }
.info_box_parent .info_box_child ul.info_box_item li.info_box div.info_box .detail  { font-size:14px; line-height:20px; text-align:justify; }

.data_container                                                                     { padding:22px 20px; }
.data_container .data_container_thumb                                               { width: 75px; overflow: hidden; border: 3px solid #F06A00; float: left; margin: 10px 20px 5px 0; }
.data_container .data_container_profile                                             { width: 100px; overflow: hidden; border: 3px solid #F06A00; float: left; margin: 10px 20px 5px 0; }
.data_container .data_container_block                                               { display:table; margin:0 0 10px 0; width:100%; }
.data_container .data_container_block .data_container_block_left                    { display:table-cell; padding-bottom:10px; }
.data_container .data_container_block .data_container_block_right                   { display:table-cell; vertical-align:top; border-bottom:1px dotted #CCC; padding-bottom:10px; width: 100%; }
.data_container .data_container_block h3                                            { margin:0; padding:0 10px 10px 0px; }
.data_container .data_container_block p                                             { margin-left:0px; }

.data_container .form                                                               { font-size:14px; color:#666666; }
.data_container .form .row                                                          { display:table; width:100%; }
.data_container .form .row .required                                                { color: #cc3300; }
.data_container .form .row .label                                                   { display:table-cell; width:120px; vertical-align:top; line-height:25px; }
.data_container .form .row .input                                                   { display:table-cell; vertical-align:middle; }
.data_container .form input[type='text'], 
.data_container .form input[type='password'], 
.data_container .form input[type='email'], 
.data_container  select,
.data_container  textarea                                                           { width:100%; font-family:'PT Sans'; border:1px solid #BBB; margin:0 0 2px 0; padding:5px; font-size:14px; }
.data_container .form input[type='button'], 
.data_container .form input[type='submit']                                          { margin:5px 0 0 0; color:#FFF; font-size:12px; border:3px double #FFFFFF; background:#F06A00; padding:9px 15px; cursor:pointer; }
.data_container .form input[type='button']:hover, 
.data_container .form input[type='submit']:hover                                    { background: #F09000; }
.data_container  textarea                                                           { height: 100px; }

.document_footer .form                                                               { font-size:12px; color:#FFF; }
.document_footer .form .row                                                          { display:table; width:100%; }
.document_footer .form .row .label                                                   { display:table-cell; width:200px; vertical-align:top; color:#999999; }
.document_footer .form .row .input                                                   { display:table-cell; }
.document_footer .form input[type='text'],
.document_footer .form input[type='email'], 
.document_footer  textarea                                                           { width:200px; max-width:200px; font-family:'PT Sans'; border:none; margin:0 0 2px 0; padding:2px 3px; font-size:12px; }
.document_footer .form input[type='button'], 
.document_footer .form input[type='submit']                                          { border:1px solid #999; margin:5px 0 0 0; color:#CCC; font-size:12px; background:none; padding:3px 5px; cursor:pointer; }
.document_footer .form input[type='button']:hover, 
.document_footer .form input[type='submit']:hover                                    { border:1px solid #FFF; color:#fff; }

.copyrights { border-top:1px solid #353535; color:#909090; padding:15px 0; width:1000px; margin:0 auto; font-size:12px; }

.social_icon                    { color:#999; display: block; width: 100%; height: 20px; font-size:12px; padding:8px 0 0 40px; margin-bottom:3px; text-decoration:none; background-repeat: no-repeat; transition: background-position .3s ease; -moz-transition: background-position .3s ease; -webkit-transition: background-position .3s ease; -o-transition: background-position .3s ease; }
.social_icons                   { margin-top: 30px; }
.social_icons li                { float: left; margin-left: 5px; }
.social_icons li:first-child    { margin-left: 0; }
.social_icon:hover              { transition: background-position .3s ease; -moz-transition: background-position .3s ease; -webkit-transition: background-position .3s ease; -o-transition: background-position .3s ease; background-position: 0 -29px; text-decoration: none; color:#FFF; }
.social_icon.facebook           { background-image: url('../images/social_icon/facebook.png'); }
.social_icon.form               { background-image: url('../images/social_icon/form.png'); }
.social_icon.googleplus         { background-image: url('../images/social_icon/googleplus.png'); }
.social_icon.linkedin           { background-image: url('../images/social_icon/linkedin.png'); }
.social_icon.mail               { background-image: url('../images/social_icon/mail.png'); }
.social_icon.phone              { background-image: url('../images/social_icon/phone.png'); }
.social_icon.mobile            { background-image: url('../images/social_icon/mobile.png'); }
.social_icon.twitter            { background-image: url('../images/social_icon/twitter.png'); }

.caroufredsel_wrapper                                       { width: 100% !important; margin: 0 !important; overflow: hidden; }
.slider                                                     { padding: 0; }
.slider li                                                  { float: left; height: 400px; background-position: top center; background-repeat: no-repeat; }
.slider li .slider_img                                      { position: relative; height: 100%; top: 0; left: 0; }
.slider_content_box                                         { margin-top: -700px; min-height: 367px; position: relative; }
.slider_content                                             { display: none; padding-top: 11px; padding-bottom: 17px; }
.slider_content:after                                       { content: ""; }
.slider_content .subtitle                                   { margin-top: 19px; line-height: 150%; color: #FFF; text-shadow: 0px 1px 0px rgba(0,0,0,0.5); }
.slider_content h1                                          { font-size: 72px; color: #FFF; text-shadow: 0px 1px 0px rgba(0,0,0,0.5); }
.slider_navigation                                          { position: absolute; clear: both; width: 100%; bottom: 0; }
.slider_navigation .slider_control                          { float: left; }
.slider_navigation .slider_control a                        { display: block; height: 41px; font-size: 11px; padding: 0; color: #FFF; line-height: 160%; }
.slider_navigation .slider_control a:hover                  { text-decoration: none; }
.slider_navigation .top_border                              { display: block; width: 100%; height: 1px; background: #FFF; opacity: 0.4; filter: alpha(opacity = 40); }
.slider_navigation .slider_control .slider_control_bar      { display: none; background-color: #FFFFFF; height: 4px; margin-top: -4px; }
.slider_navigation .slider_bar                              { position: relative; height: 4px; margin-left: 0; margin-bottom: -1px; background: #FFF; }

.scrolling_list_control_left.icon_small_arrow.left_white { display:block; background: url('../images/icon_arrow_left_white.png') center center no-repeat; border-color: #CCC; width: 28px; height: 28px; float:right; }
.scrolling_list_control_right.icon_small_arrow.right_white { display:block; background: url('../images/icon_arrow_right_white.png') center center no-repeat; border-color: #CCC; width: 28px; height: 28px; float:right; }

ul.list_style { color:#666666; font-size:14px; line-height: 18px; }
ul.list_style ul { padding:10px; font-size:90%; }
ul.list_style li { background: url("../images/icon_arrow_right_black.png") no-repeat 0 5px; padding:0 0 0 15px; }
ul.list_style.number { margin-bottom: 10px; font-size:14px; line-height: 18px; }
ul.list_style.number li { background: none; list-style: decimal-leading-zero; padding:0; margin:0 0 0 30px; }
ul.list_style.number li li { background: none; list-style: lower-alpha; padding:0; }
ul.list_style.number li li li { background: none; list-style: upper-roman; padding:0; }
ul.list_style.number li li li li { background: none; list-style: lower-greek; padding:0; }

/* --- Other Supported Classes --- */
.align_middle                   { vertical-align:middle; }
.align_top                      { vertical-align:middle; }
.align_left                     { float:left; }
.align_right                    { float:right; }
.colour1                        { background:#FAA925; }
.colour2                        { background:#F09000; }
.colour3                        { background:#F07F00; }
.colour4                        { background:#F06A00; }
.hide_content                   { display:none; }
.button                         { padding:9px 15px 12px 15px; background:#F06A00; border:3px double #Fff; color:#FFF; text-decoration:none; font-size:13px; margin:0 auto 0 auto; }
.button.small                   { padding:3px 10px 5px 10px; background:#F06A00; border:3px double #Fff; color:#FFF; text-decoration:none; font-size:13px; margin:10px auto 0 auto; }
.button:hover                   { background:#F09000; }
.clearfix:after                 { font-size: 0px; content: "."; display: block; height: 0px; visibility: hidden; clear: both; }
.sub_heading_1                  { font-size: 85%; color:#666; }
.sub_heading_2                  { font-size: 75%; color:#888; }
.sub_level                      { margin:30px 10px 10px 30px; }
.auto_width                     { width:auto; }
.hover                          { cursor:pointer; }
.text-italic                    { font-style: italic; }
.lineHorizantal                 { border-bottom:1px solid #cfcfcf; height:1px; margin:15px 3px;  }
.text_right                     { text-align:right; }

.image_gallery { border:4px solid #fff; box-shadow:0 0 15px #666; width:80%; }

table.data_table tr td              { border:1px solid #ccc; padding:3px; font-size:13px; color:#666; text-align:left }
table.data_table tr td.text_right   { text-align:right; }
table.data_table thead tr td        { font-weight:bold; text-align:center; }
table.data_table tfoot tr td        { font-weight:bold; }

.navigator                                      { display: table; width: 100%; font-family: inherit; vertical-align: top; }
.navigator .navigator_menu                      { display: table-cell; width:250px; color:#858585; font-size:14px; }
.navigator .navigator_menu ul                   { padding: 0 20px 0 5px; }
.navigator .navigator_menu ul li                { padding:8px 6px 8px 20px; background: url("../images/icon_arrow_right_black.png") no-repeat 8px 15px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #fff; cursor: pointer; line-height:18px; }
.navigator .navigator_menu ul li:last-child     { border-bottom: 1px solid #cfcfcf; }
.navigator .navigator_menu ul li:hover          { border-top:1px solid #FFAA22; border-bottom: 1px solid #FFAA22; color:#fff; background:url(../images/icon_arrow_right_white.png) no-repeat 8px 15px #F09000; }        
.navigator .navigator_menu ul li:hover a        { color:#fff; }
.navigator .navigator_menu ul li.selected       { border-top:1px solid #FFAA22; border-bottom: 1px solid #FFAA22; color:#fff; background:url(../images/icon_arrow_right_white.png) no-repeat 8px 15px #F09000; }
.navigator .navigator_menu ul li.selected a     { color:#fff; }
.navigator .navigator_data                      { display: table-cell; padding-left:15px; border-left:1px solid #BBB; vertical-align: top; }

.navigator.scrolling_list                               { font-size:12px; padding-bottom: 10px; }
.navigator.scrolling_list .navigator_menu ul li,
.navigator.scrolling_list .navigator_menu ul li:hover
.navigator.scrolling_list .navigator_menu ul li.selected { border-bottom: none; border-top:none; padding:5px 10px 5px 20px; text-align: right; background-image:none;  }

.contactInformationBox                 { position: absolute; background: url(../images/transparent-white-75.png) repeat;  
                                        -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000;
                                         box-shadow: 0px 0px 10px #000; z-index: 50; top: 50px; right: 100px;
                                         padding: 20px 30px; width: 350px; }
.contactInformationBox .list_icon li a              { color: #000; }
.contactInformationBox .adressLine                  { padding: 0 0 20px 0; font-size:13px; color:#000; }
.contactInformationBox .addressTitle                { font-size:14px; font-weight:bold; color:#555; padding-bottom:7px; }

/* --- Responsive CSS Classes --- */

/* For tablets Screen Landscape */
@media screen and (max-width:995px) {
	.main_menu ul, .main_menu li span { font-size:12px; text-align:center; padding:8px 10px 10px 10px; }
	.document_header  .logo_name .name { font-size:15px; }
	.document_header { width:750px; }
	.document_body { width:750px; }
	.document_slider .slider_control_box { width:750px; }
	.info_box_parent .info_box_child ul.info_box_item { width:750px; }
        .data_container .form .row, 
        .data_container .form .row .label, 
        .data_container .form .row .input { display:block; width:95%; }
	.document_body { width:750px; }
	.document_body p { font-size:12px; line-height:15px; }
	.data_container { padding:20px 5px; }
	.button { font-size:12px; padding:5px 10px 7px }
	.footer_data { width:750px; }
	.copyrights { width:750px; display:block; }
        .contactInformationBox { width: 300px; }
        #map_canvas { height:900px; }
}

/* For tablets Screen Portrate */
@media screen and (max-width:767px) {
	.main_menu ul, .main_menu li { display:none }
	.main_menu .small_menu { display:block; }
	.document_header { width:450px; }
	.document_body { width:450px; }
	.document_slider .slider_control_box { width:450px; }
	.info_box_parent .info_box_child ul.info_box_item { width:450px; }
	.info_box_parent .info_box_child ul.info_box_item li.info_box { display:block; width:100%; }
	.info_box_parent .info_box_child ul { height:auto; }
	.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10 { width:100%; }
	.document_footer .info_box_parent { display:none; }
	.document_body, .data_container { width:450px; display:block; padding:22px 0px; }
	.footer_data { overflow:hidden; }
	.footer_data, .footer_data .footer_block { border-top:1px solid #353535; width:450px; display:block; padding:10px 0px 10px 0px; }
	.copyrights { width:450px; display:block; }
        .contactInformationBox { width: 250px; }
        .navigator, .navigator .navigator_menu, .navigator .navigator_data { display: block; width:100%; }
        .navigator .navigator_data { padding:15px 0 10px 0; border-left:none; }
}

/* For Mobile Screen */
@media screen and (max-width:479px) {
	.document_header { width:270px; }
	.document_body { width:270px; }
	.document_slider .slider_control_box { width:270px; }
	.info_box_parent .info_box_child ul.info_box_item { width:270px; }
	.info_box_parent .info_box_child ul.info_box_item li.info_box { display:block; width:100%; }
	.info_box_parent .info_box_child ul { height:auto; }
        .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10 { width:100%; }
	.document_footer .info_box_parent { display:none; }
	.document_body, .data_c-ontainer { width:270px; display:block; padding:22px 0px; }
	.footer_data { overflow:hidden; }
	.footer_data, .footer_data .footer_block { border-top:1px solid #353535; width:270px; display:block; padding:10px 0px 10px 0px; }
	.copyrights { width:270px; display:block; }
        .contactInformationBox { top:0; left:0; right:0; width:auto; -moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; }
        #map_canvas { height:600px; }
}


.dynamicContent, .dynamicContent p { margin-left: 0; color: #666666; font-size: 14px; line-height: 18px; padding: 0; text-align: justify; }
.dynamicContent ol { color: #666666; font-size: 14px; line-height: 18px; margin: 0; padding: 0; }
.dynamicContent ol li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); list-style: decimal-leading-zero outside none; margin: 0 0 0 30px; padding: 0; } 
.dynamicContent ul { color: #666666; font-size: 14px; line-height: 18px; margin: 0; padding: 0; }
.dynamicContent ul li { background: url("../images/icon_arrow_right_black.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0); padding: 0 0 0 15px; }