﻿/*~  Default/shared styles
----------------------------------------------------------------------*/

.banner {
    float: left;
    overflow: hidden;
    margin-top: 1px;
}

.sidebar {
    border-width: 1px;
    border-style: solid;
    float: right;
    height: 198px;
    margin-top: 1px;
}

.overview {
    margin: 5px;
}

.content {
    padding: 5px;
    clear: both;
}

.techserv {
    margin:10px;
    width:500px;
    float:left;
}

.techservheading {
    color:Maroon;
    font-weight:bold;
    font-size:1.1em;
}

.techservlist {
    margin-top: 0px;
}

.techservlist li {
    margin-top: 8px;
    margin-bottom: 8px;
}

.projmgmt 
{
    margin:10px;
    float:left;
}

/*
.projmgmt {
    margin:10px;
    float:right;
    width:500px;
}
*/

#imGantt
{
    margin:10px;
}

.summary {
    clear:both;
    margin-left:auto;
    margin-right:auto;
}

.download {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}


/*~  Body class: initial
----------------------------------------------------------------------*/

.initial .banner {
    width: 600px;
}

.initial .sidebar {
    width: 355px;
}

.initial .techserv {
    width:400;
}

.initial .projmgmt {
    width:400px;
}

.initial .gantt {
    width:400px;
}

.initial .summary {
    width:940px;
}

/*~  Body class: pda_ver <=240px
----------------------------------------------------------------------*/

.pda_ver .banner {
    display: none;
}

.pda_ver .sidebar {
    width: 220px;
}

/*~  Body class: pda_hor <=320px
----------------------------------------------------------------------*/

.pda_hor .banner {
    display: none;
}

.pda_hor .sidebar {
    width: 300px;
}

/*~  Body class: screen_ultralow <=640px
----------------------------------------------------------------------*/

.screen_ultralow .banner {
    width: 420px;
}

.screen_ultralow .sidebar {
    float: none;
    clear: both;
    width: 420px;
}


/*~  Body class: screen_low <=800px
----------------------------------------------------------------------*/

.screen_low .banner {
    width: 540px;
}

.screen_low .sidebar {
    float: none;
    clear: both;
    width: 540px;
}


/*~  Body class: screen_med <=1024px
----------------------------------------------------------------------*/

.screen_med .banner {
    width: 430px;
}

.screen_med .sidebar {
    width: 345px;
}

.screen_med .techserv {
    width:350px;
}

.screen_med .projmgmt {
    width:350px;
}

.screen_med .gantt {
    width:350px;
}

.screen_med .summary {
    width:800px;
}

/*~  Body class: screen_high <=1280px
----------------------------------------------------------------------*/

.screen_high .banner {
    width: 575px;
}

.screen_high .sidebar {
    width: 380px;
}

.screen_high .techserv {
    width:400;
}

.screen_high .projmgmt {
    width:400px;
}

.screen_high .gantt {
    width:400px;
}

.screen_high .summary {
    width:940px;
}


/*~  Body class: screen_wide >1280px
----------------------------------------------------------------------*/

.screen_wide .banner {
    width: 700px;
}  

.screen_wide .sidebar {
    width: 495px;
}

.screen_wide .techserv {
    width:480px;
    margin-left: 80px;
}

.screen_wide .projmgmt {
    width:480px;
    margin-right:80px;
}

.screen_wide .gantt {
    width:480px;
}

.screen_wide .summary {
    width: 1200px;
}