/* 
    Document   : mobile
    Created on : Nov 22, 2013, 4:26:56 PM
    Author     : administrator
    Description:
        Responsive CSS rules
*/


@media only screen
and (min-width: 1280px) {
    header       { background-repeat: repeat-x; }
    #masthead    { margin-top: -1em; }
    #container        { width: 1280px; }
    .layout-container { width: 1230px; margin: 0 auto; }
    .fullwidth        { width: 1220px; }
    .primary     { width: 930px; }
    .threecol    { width: 290px; }
    .twocol-left { width: 580px; }
    .primary-main  { width: 630px; }
    .primary-right { width: 300px; }
    .footer-col1 { margin-left: 5px; margin-right: 5px; width: 420px; padding-top:50px;}
    .footer-col2 { margin-left: 5px; margin-right: 5px; width: 420px; padding-top:50px;}
    .footer-col3 { margin-left: 5px; margin-right: 5px; width: 420px; padding-top:50px;}
    .footer-col-thin { width: 280px; }
    #branding  { margin-right: -60px; width: 800px; }
    .toppicture {width:760px;}
    .slogan { font-size:24px; clear:none; padding-top:65px;}
    header h1.logo a { width:190px; margin-top:-20px;}
    /*.primary .primary-main .article-blurb { width:430px; }
    .primary .article-blurb               { width:700px; }*/
    #marquee          { width:  890px; }
    #marquee img      { width:  890px; }
    #marquee .caption { width:  870px; }
    #marquee a        { height: 356px; }
    .split-left  { width: 600px; }
    .split-right { width: 300px; }
    .author-wrap  { width: 280px; margin: 5px; }
    .timeline { width: 300px; }
    p.regmed   { width: 410px; }
    dl.expert_contact dd { width: 480px; }
}

/**
  * Might not need this one, if it can be covered by standard styles ranging 800-1280
@media only screen
and (min-width : 801px)
and (max-width : 1000px) {
    #container        { width: 768px; }
    .layout-container { width: 718px; margin: 0 auto; }
    .fullwidth        { width: 708px; }
    .fullwidth            { margin-left: 5px; margin-right: 5px;}
    .fullwidth-toppicture { margin-left: 5px; margin-right: 5px; padding-right: 32px;}
    .secondary       { margin-left: 5px; margin-right: 5px; width: 228px; }
    .secondary-right { margin-left: 5px; margin-right: 5px; width: 214px; padding-left: 32px;}
    .primary     { margin-left: 5px; margin-right: 5px; width: 470px; }
    .threecol    { margin-left: 5px; margin-right: 5px; width: 150px; }
    .twocol-left { margin-left: 5px; margin-right: 5px; width: 310px; }
    .primary-main  { width: 470px; }
    .primary-right { width: 470px; float: left; display: inline; margin: 20px 5px 0; }
    .footer-col1 { margin-left: 5px; margin-right: 5px; width: 278px; padding-top:50px;}
    .footer-col2 { margin-left: 5px; margin-right: 5px; width: 246px; padding-top:50px;}
    .footer-col3 { margin-left: 5px; margin-right: 5px; width: 214px; padding-top:50px;}
    .footer-col-thin { width: 210px; }
    .layout-container .alpha { margin-left: 0;}
    .layout-container .omega { margin-right: 0;}
    #search    { margin: 0; }
    #branding  { margin-right: -30px; width: 400px; height: 40px; }
    #masthead  { margin-top: 20px; }
    .toppicture {width:760px;}
    .slogan { font-size:24px; clear:none; padding-top:65px;}
    header h1.logo a { width:190px; margin-top:-20px;}
    .tooltips { padding:40px 2px 0 0; width:92px;}
    .img-box { display:block;}
    .padright3{ padding-right:15px;}
    .pad_right,.pad_right3{ padding-right:43px;}
    .pad_right2{ padding-right:5px;}
    .list4 li { font-size:14px;}
    .list4 li img { display:none;}
    .tab-content {width:688px; padding:26px 30px 28px;}
    .contacts .fleft { width:185px;}
    .contacts img { display:none;}
    .contacts .fleft:first-child { margin-right:35px;}
    .map { width:390px; height:400px;}
    .map iframe { width:390px; height:400px;}
    section.subpages { margin-top: 10px;}
    .primary .article-blurb               { width:300px; }
    .primary .primary-main .article-blurb { width:300px; }
    #marquee            { width:  450px; padding: 10px; }
    #marquee img        { width:  450px; }
    #marquee .caption   { width:  430px; }
    #marquee a          { height: 180px; }
    .split-left, .split-right { width: 460px; }
    .author-wrap  { width: 400px; margin: 10px; }
    .photofeat { width:70px; height:70px; }
    .smaller-icons li a { width: 20px; height: 20px; }
    .timeline { width: 470px; }
    .lmar20 { margin-left: 0; }
}
*/


/**  
  * Disabling to see what this actually accomplishes
@media only screen
and (max-width : 800px) {
    .secondary { padding-bottom: 20px; }
    .footer-col1, .footer-col2, .footer-col3   { margin: 0; width: 300px; padding-top:50px; }
    .fullwidth-toppicture { margin: 0; width: 300px; padding-right: 0px;}
    .secondary-right { margin: 0; width: 300px;  padding-left: 0px;}
    .primary-main  { display: block; float: none; }
    .primary-right { display: block; float: none; }
    #branding { display:none;}
    #toTop { display:none !important;}
    header #logo { float:none !important; padding-left:70px; padding-bottom:0px;}
    header #logo a { display:block; width:165px; margin-top:-10px;}
    ul#navigation { width: 100%; text-align: center; }
    #navigation li ul { padding-left: 0; }
    .toppicture {width:300px;}
    .img-box-toppicture { margin-bottom:52px; margin-top: -6px; }
    .article-box { width: 250px; }
    header { width:100%; background: url(/img/bg-header2.png) 50% 0 repeat-x; padding-bottom:20px;}
    header.subpages { width:100%; background: url(/img/bg-header2.png) 50% 0 repeat-x; padding-bottom:20px; height:225px}
    section.subpages .img-box-secondary { display:block; width:240px; margin-bottom:10px; margin-right: 30px; margin-left: 30px; }
    .search { float:none !important; }
    .search-container { text-align: center; }
    h1.slogan { clear:both; font-size:19px; padding:7px 0 10px 0; text-align:center;}
    .pad_right { padding-right:0px;}
    .pad_right4 { padding: 0; }
    .box2 .img-box {width:117px;}
    .padRT { padding-bottom:30px;}
    .padbot2{ padding-bottom:10px;}
    .cont_info { padding-bottom:20px;}
    .bg-subpages { background:url(/img/header-subpages2.jpg) 50% 0 repeat;}
    .box1 .fleft { float:none; text-align:center;padding:0 0 10px 0;}
    .quote { padding-bottom:40px;}
    .list1 li a strong { display:inline;}
    .pad_right2,.pad_right3{ padding-right:0;}
    .list_padbot2{ padding-bottom:53px;}
    table { float:none !important; }
    .pad2 .img-box { margin-bottom:10px; margin-right:15px;}
    .map { width:282px; min-height:300px;}
    .map iframe { width:282px; min-height:300px;}
    .contacts .fleft { width:100%;}
    .contacts .fleft:first-child { margin-right:0;}
    .contacts img { display:none;}
    .padtop { padding-top:30px;}
    .list4 li img { display:none;}
    .article-tease:last-child { margin-bottom: 30px; }
    .list1 li {display: inline-block; width: 100%;}
    .split-left, .split-right { width: 460px; }
    .photofeat { width: 60px; height: 60px; }
    .timeline { width: 460px; }
    .lmar20 { margin-left: 0; }
}
*/


@media only screen
and (min-width : 641px)
and (max-width : 800px) {
    #branding       { float: right; width: 400px; height: 34px; }
    header          { padding-bottom: 0px; }
    header #logo a  { display:block; width: 165px; }
    /*header #logo    { float: none; margin-top: 15px; margin-bottom: 15px; padding-left:50px;}*/
    #logo-link      { float: left; }
    /*#masthead img   { display:none; } */
    #masthead       { padding-top: 10px; }
    #masthead img   { width: 400px; height: auto; }
    #masthead h2    { font-size: 1.2rem; padding: 0 0; margin: 0 0 10px 0; }
    /*header h2     { text-align: center; font-size: .9rem; padding-right: 75px; padding-left: 75px; }*/
    #search         { float: left; margin-top: 0px; margin-left: 20px; padding-bottom: 15px; }
    #container { width: 640px; }
    .layout-container { width: 580px; }   /* Why not 620px or 600px? */
    .fullwidth, .secondary, .primary, .threecol, .twocol-left { margin: 0; width: 580px; }
    .footer-col1, .footer-col2, .footer-col3 { margin: 0; float:left !important; width:460px !important;}
    .fullwidth-toppicture { margin: 0; width: 580px; padding-right: 0px;}
    .secondary-right { margin: 0; width: 580px;  padding-left: 0px;}
    .nav-container { display:none; } /*Just until the mobile horizontal navigation is fixed!*/
    .primary-main  { width: 580px; margin: 0; }
    .primary-right { width: 580px; margin: 0; }
    section { margin-top: 75px; }
    section.subpages .img-box-secondary { display:block; width:240px; margin-bottom:10px; margin-right: 90px; margin-left: 90px; }
    ul#navigation { width: 580px; }
    .search-container .search input[type=text] { width: 540px; }
    .bg { width:100%;  background-color: #ffffff; }
    .toppicture { width:580px; background:#fff; }
    .img-box-toppicture { margin-bottom:52px; margin-top: -6px; }
    .primary table td.actions a { margin: 0 3px; padding: 0 3px;  }
    /*.primary .article-blurb { width: 420px; }*/
    header h1.logo {padding-left:127px;}
    .tooltips {padding-left:160px;}
    h1.slogan {font-size:24px;}
    .padRT { padding-bottom:20px;}
    .col1{ float:left !important; width:300px !important;}
    .col2{ float:left !important; width:120px !important;}
    .col4{ width:205px !important; float:left;}
    .list4 li { font-size:14px;}
    .pad_right2{ padding-right:10px;}
    .padright3{ padding-right:30px;}
    .margRT { margin-right:10px;}
    table { float:none !important; width:580px;}
    .footer-col-thin:nth-child(3) { clear: left; }
    .contacts .fleft { width:185px;}
    .contacts .fleft:first-child { margin-right:35px;}
    .map { width:402px; min-height:400px;}
    .map iframe { width:402px;min-height:400px;}
    #marquee            { width:  560px; padding: 5px; }
    #marquee img        { width:  560px; margin-top: -20px; }
    #marquee .caption   { width:  540px; }
    #marquee a          { height: 224px; }
    .split-left, .split-right { margin: 0 0 1em 0; width: 580px; }
    .timeline { width: 580px; }
    .lmar10   { margin-left: 0;}
    .author-wrap  { width: 280px; margin: 5px; }
    p.regmed { width: 600px; }
    .sidebar-box { width:564px; }
    .ui-datepicker-multi-3 .ui-datepicker-group { width: 540px; border: 1px solid #ccc; }
    .ui-datepicker-multi-3 { padding: 15px; }
    dl.expert_contact dd { width: 450px; }
}



@media only screen
and (max-width : 640px) {
    body            { font-size: 110%; }
    header          { width:100%; }
    /*header h2       { text-align: left; font-size: .8rem; padding-right: 0; padding-left: 0; } */
    #branding       { display:none;}
    header #logo a  { display:block; margin-left:127px;}
    /*header #logo    { float: none; margin-top: 36px; margin-bottom: 15px; padding-left:50px;} */
    #logo-link      { float: left; }
    #masthead img   { display:none; }
    #masthead       { margin-top: 50px; margin-left: 60px; }
    #masthead h2    { font-size: 1.2rem; padding: 0 0; }
    #search         { float: left; margin-top: 0px; margin-left: 60px; }
    #container { width: 480px; }
    .layout-container { width: 460px; }
    .fullwidth, .secondary, .primary, .threecol, .twocol-left { margin: 0; width: 460px; }
    section { margin-top: 55px; }
    .bg {width:100%; background-color: #ffffff;}
    .img-box-toppicture img { width: 98%; }
    .toppicture { width:280px; background:#fff; }
    .img-box-toppicture { margin-bottom:52px; margin-top: -6px; }
    .primary-main  { width: 460px; margin: 0;}
    .primary-right { width: 460px; margin: 0; }
    .primary .article-tease { width: 460px; }
    /*.primary .primary-main .article-blurb, .primary .article-blurb { width: 300px; }*/
    #marquee            { width:  430px; padding: 5px; }
    #marquee img        { width:  430px; margin-top: -20px; }
    #marquee .caption   { width:  410px; }
    #marquee a          { height: 172px; }
    .author-wrap  { width: 400px; margin: 10px; }
    .photofeat    { width: 45px; height: 45px; }
    .timeline { width: 460px; }
    ul#navigation { width: 460px; }
    .search-container .search input[type=text] { width: 410px; }
    p.regmed { width: 450px; padding: 10px; }
    .split-left, .split-right { margin: 0 0 1em 0; width: 460px; }
    .article-box { width: 425px; margin-bottom: 1em; }
    .article-box img { width: 425px; }
    .article-box img.video_button { width: auto; }
    .ui-datepicker-group-first { margin-bottom: 10px; }
    .ui-datepicker-multi-2 .ui-datepicker-group, .ui-datepicker-multi-3 .ui-datepicker-group { width: 420px; border: 1px solid #ccc; }
    .ui-datepicker-multi-2, .ui-datepicker-multi-3 { padding: 15px; }
    .ui-datepicker-title { font-size: 14px; }
    .sidebar-box { width: 444px; }
}

/*
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
    #container { width: 320px; }
    .layout-container { width: 300px; }
    .fullwidth, .secondary, .primary, .threecol, .twocol-left { margin: 0; width: 300px; }
    header { width:100%; padding-bottom:20px; background-color: #882345; background-image: url(/img/bg-header2.png); background-repeat: repeat-x; background-position: 50% 0; height: 300px; }
    section { margin-top: 55px; }
    #branding { display:none;}
    .bg {width:100%; background-color: #ffffff;}
    img#logo a { display:block; margin-left:107px;}
    img#logo {float: none; margin-top: 15px; margin-bottom: 15px; padding-left:100px;}
    header h1      { display:none;}
    #masthead img   { display:none;}
    #masthead       { width: 100%; margin: 0; padding: 0; text-align: center; }
    #masthead h2    { padding: 0; font-size: 1.1rem; }
    header h2 { text-align: center; font-size: .8rem; padding-right: 25px; padding-left: 25px; }
    #search { position:relative; overflow:hidden; float: left; margin-top: -5px; padding-right: 55px; padding-left: 55px; margin-bottom: 10px; }
    .img-box-toppicture img { width: 98%; }
    .toppicture { width:280px; background:#fff; }
    .img-box-toppicture { margin-bottom:52px; margin-top: -6px; }
    .primary-main  { width: 300px; margin: 0;}
    .primary-right { width: 300px; margin: 0; }
    #marquee            { width:  270px; padding: 5px; }
    #marquee img        { width:  270px;  margin-top: -20px; }
    #marquee .caption   { width:  250px; }
    #marquee a          { height: 108px; }
    .primary .article-tease { width: 300px; }
    .primary .article-blurb { width: 280px; }
    .article-tease .article-img { display: none; }
    .split-left, .split-right { width: 300px; }
    .author-wrap  { width: 280px; margin: 10px; }
    .photofeat { width: 50px;  height: 50px; }
    .timeline { width: 300px; }
    .lmar10   { margin-left: 0;}
    p.regmed  { width: 290px; padding: 10px; }
}
*/