/*
940px grid system ~ Core CSS.
6 Columns ~ Margin left: 20px

Based on the simple grid system - http://www.webnicer.com/
by Jacek Ciolek

Created by the Grid System Generator - v1.00
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* clearfix */
.clearfix:after, .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .row {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix, .row {display:block;}

/* gridframework */
.row {position:relative; margin-left:-20px;}
.gu1 .row {width: 160px;}
.gu2 .row {width: 320px;}
.gu3 .row {width: 480px;}
.gu4 .row {width: 640px;}
.gu5 .row {width: 800px;}
.gu6 .row {width: 960px;}

.col {padding-left:20px; float:left;position: relative;}
.gu1{width: 140px;}
.gu1_5{width: 270px;}
.gu2{width: 300px;}
.gu3{width: 460px;}
.gu4{width: 620px;}
.gu5{width: 780px;}
.gu6{width: 940px;}


.colm2 {padding-left:20px; float:left; position:relative;margin-bottom: 2px;margin-top: 2px;}

.blue{ background-color: #4D607C;color: white;font-weight: bold;}
.floatleft{ float: left;}
.fontsmall{ font-size: 8px;}
.fonterror{ color: red;}

    .style1
            {
                width: 100%;
                font-size: 14px;
            }
            .panelAlign
            {
                text-align: left;
                height: 340px;
                font-size: 12px;
                padding-left: 30px;
            }
            .panelAdd {
                  text-align: left;
                height: 370px;
                font-size: 12px;
                padding-left: 30px;
            
            }
            .panelNormal {
                text-align: left;
                font-size: 12px;
                padding-left: 30px;
            
            }
            .panelTall {
                text-align: left;
                height: 575px;
                font-size: 12px;
                padding-left: 30px;
            }
            .panelVeryTall {
	            text-align: left;
                height: 815px;
                font-size: 12px;
                padding-left: 30px;
     
}


/* gridviews */
.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    font-size: 11.5px;
}
.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
    text-align: left;
}
.mGrid th
{
    padding: 4px 2px;
    color: #fff;
    background: #424242 url(grd_head.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
.mGrid .alt
{
    background: #fcfcfc url(grd_alt.png) repeat-x top;
}
.mGrid .pgr
{
    background: #424242 url(grd_pgr.png) repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}