html 
{
    font-family :  Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

body 
{
    font-size : 16px;
    margin : 0;
    color : #484848;
}

img
{
    border : 0;
    margin : 3px;
    padding : 0;
    vertical-align : middle;    
}

td 
{
    vertical-align : top;
    padding-top : 4px;
    padding-bottom : 4px;
    padding-left : 2px;
    padding-right : 6px;
}

H1 {
    font-size : 140%;
    margin : 8px;
}

H2 {
    font-size : 130%;
    margin : 7px;
}

H3 {
    font-size : 120%;
    margin : 6px;
}

H4 {
    font-size : 110%;
    margin : 5px;
}

H5 {
    font-size : 105%;
    margin : 4px;
}

H6 {
    font-size : 100%;
    margin : 3px;
}


input
{
    border : 1px solid #484848; 
    font-weight : bold;    
}
input::placeholder 
{
  font-weight : normal;  
}

textarea
{
    overflow : auto;
    padding : 1px 2px;
    font-family :  Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
    font-size : 95%;
}

select {
    font-size : 95%;
    color : #484848;
}



/* 

Horizontal full-width container

*/


.container {
    width : 100%;
    display : table;
    margin : 0;
    padding : 0;
}

.container table {
    border-collapse : collapse;

}



/* 

Header menu

*/


.header_center {
    display: table;
    float : left;
    white-space : nowrap;
    font-size : 80%;
    color : #808080;
    text-align : center;
    margin : auto;
    padding-left : 1px;
    padding-right : 1px;
    padding-top : 1px;
    padding-bottom : 1px;
    vertical-align: middle;
    width : 38%;
    min-width : 200px;

}

.header_right {
    display: table;
    float : left;
    font-size : 80%;
    color : #808080;
    text-align : right;
    margin : auto;
    padding-left : 1px;
    padding-right : 1px;
    padding-top : 1px;
    padding-bottom : 1px;
    vertical-align: middle;
    width : 24%;
    min-width : 96px;
}

.header_right img
{
    border : 0;
    padding : 0;
    margin-left : 0;
    margin-right : 5px; 
    margin-top : 0;
    margin-bottom : 0;
    vertical-align : middle;  
 
}

.header_block {
    text-align : center;
    float : left;
    display : table;
    margin-top : 0;
    margin-bottom : 0;
    margin-right : 0;
    margin-left : 0;
    padding-left : 2px;
    padding-right : 7px;
    padding-top : 3px;
    padding-bottom : 3px;
    border-right : 3px solid #FFFFFF;
    border-bottom : 3px solid #FFFFFF;
    background-color : #E0E0E0;
}



.header_title 
{
    text-align : center;
    color : #C0C0C0;
    display : table;
    padding : 0;
    margin : 0;
    width : 100%;
}

.header_title img
{
    border : 0;
    padding : 0;
    margin-left : 1px;
    margin-right : 3px; 
    margin-top : 1px;
    margin-bottom : 3px;
    vertical-align : middle;   
    
}


.header_title A:link, .header_title A:hover, .header_title A:visited {
    font-size: 120%;
    font-weight : bold;
    white-space : nowrap;
    width : 100%;
    color : #FFFFFF;
    display : table;
    padding-left : 1px;
    padding-right : 0;
    padding-top : 3px;
    padding-bottom : 3px;
    border : 2px solid #FFFFFF;
    border-radius: 6px;
    text-decoration : none;
    margin-top : 2px;
    margin-bottom : 1px;
    margin-right : 0;
    margin-left : 0;
}


.header_subtitle {
    float : left;
    color : #C0C0C0;
    display : table;
    padding : 0;
    margin : 0;

}


.header_subtitle A:link, .header_subtitle A:hover, .header_subtitle A:visited {
    font-size: 110%;
    color : #FFFFFF;
    width : 100%;
    display : table;
    padding-left : 1px;
    padding-right : 1px;
    padding-top : 4px;
    padding-bottom : 4px;
    border : 2px solid #FFFFFF;
    border-radius: 6px;
    text-decoration : none;
    margin-top : 1px;
    margin-bottom : 1px;
    margin-right : 0;
    margin-left : 0;
    
}


/* 

Content

*/

/* Canvas for main content with thin sidebar (160px) */
.canvas_wide {
    width : 89.5%;
    display : table;
    float : left;
    margin : 0;
    padding : 0;
}


/* Sidebar beside main content with thin sidebar (160px) */
.sidebar_thin {
    width : 10%;
    display : table;
    float : left;
    margin : 0;
    padding : 0;
    background-color : #F4F4F4;
}

/* Canvas for main content with standard sidebar (342px) */
.canvas {
    width : 78.5%;
    display : table;
    float : left;
    margin : 0;
    padding : 0;
    min-height : 400px;
}


/* Detaches the half of the canvas for main content with standard sidebar (342px) */
.canvas_half {
    width : 50%;
    display : table;
    float : left;
    margin : 0;
    padding : 0;

}


/* Sidebar beside main content with standard sidebar (342px) */
.sidebar {
    width : 21%;
    display : table;
    float : none;
    margin : 0;
    padding : 0;
}

/* Elements for full width content block list (standard height) */
.content_block {
    width : 19.4%;
    min-width : 344px;
    min-height : 464px;
    display : inline;
    float : left;
    margin-left : 0;
    margin-right : 4px; 
    margin-top : 0;
    margin-bottom : 12px;
    padding-left : 0;
    padding-right : 4px; 
    padding-top : 4px;
    padding-bottom : 3px;
    border-bottom : 1px dotted #c0c0c0;
    border-right : 1px dotted #c0c0c0;
    border-top : 1px solid #ffffff;

}


/* Elements for full width content block list (low height) */
.content_block_small {
    width : 19.4%;
    min-width : 344px;
    min-height : 276px;
    display : inline;
    float : left;
    margin-left : 0;
    margin-right : 6px; 
    margin-top : 0;
    margin-bottom : 12px;
    padding-left : 0;
    padding-right : 4px; 
    padding-top : 4px;
    padding-bottom : 3px;
    border-bottom : 1px dotted #c0c0c0;
    border-right : 1px dotted #c0c0c0;
    border-top : 1px solid #ffffff;

}

/* Elements for full width inscribe content block list (show room) */
.content_block_in {
    width : 15.2%;
    min-height : 120px;
    font-size : 90%;
    font-weight : bold;
    text-shadow : -1px -1px #000000;
    display : block;
    float : left;
    margin-left : 0;
    margin-right : 6px;
    margin-top : 4px;
    margin-bottom : 12px;
    padding-top : 8px;
    padding-bottom : 1px;
    padding-left : 8px;
    padding-right : 2px;
  
}

.content_block_in A:link, .content_block_in A:visited
{
    color : #E8E8E8;
    text-decoration : none;
}

.content_block_in A:hover
{
    color : #FFFFFF;
    text-decoration : none;
}


/* Open/close side elements for full width inscribe content block list (show room) */
.content_block_in_side {
    min-height : 120px;
    width : 0.9%;
    display : block;
    float : left;
    margin-left : 0;
    margin-right : 3px;
    margin-top : 4px;
    margin-bottom : 10px;
    padding-top : 8px;
    padding-bottom : 1px;
    padding-left : 4px;
    padding-right : 0;

}

.content_block_in_side img {
    margin : 0;
    padding : 0;
}



/* Elements for headline width content block list */
.content_block_hl {
    min-height : 192px;
    min-width : 348px;
    display : table;
    margin-left : 3px;
    margin-right : 3px; 
    margin-top : 0;
    margin-bottom : 4px;
    padding-left : 2px;
    padding-right : 4px; 
    padding-top : 0;
    padding-bottom : 4px;
    border-right : 1px dotted #E4E4E4;
}


.content_block_title {
    font-family :  Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
    font-size : 110%;
    border-top : 1px solid #F0F0F0;
    border-left : 1px solid #F0F0F0;
    padding-left : 2px;
    padding-right : 1px; 
    padding-top : 0;
    padding-bottom : 0;
    margin-left : 1px;
    margin-right : 1px;
    margin-top : 1px;
    margin-bottom : 2px;
    background-color : #EEEEEE;
}


.content_desc {
    font-size : 95%;
    color : #606060;
    font-style: italic;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 1px;
    padding-bottom : 4px;
    margin : 0;
}



/*

Compact list for featured devices on main page

*/

.compact_list {
    display : block;
    font-size : 90%;
    float : left;
    margin-left : 0;
    margin-right : 4px;
    margin-top : 1px;
    margin-bottom : 7px;
    padding : 0;
    border-left: 3px solid #EFEFEF;
}

.compact_list_title {
    font-size : 80%;
    display : block;
    font-weight : bold;
    margin-left : 0;
    margin-right : 4px;
    margin-top : 0;
    margin-bottom : 0;
    padding-top : 2px;
    padding-bottom : 1px;
    padding-left : 2px;
    padding-right : 2px;
    background-color : #EFEFEF;
}


.compact_list_item {
    padding : 1px 0;
    margin : 0 2px;
    border-bottom : 1px dotted #E4E4E4;
    font-size : 100%;
}




/*

Form

*/

.form_block {
    width : 32.5%;
    min-height : 440px;
    min-width : 336px;
    display : inline;
    float : left;
    border : 0;
    background-color : #E9E9E9;
    margin-left : 4px;
    margin-right : 8px;
    margin-top : 2px;
    margin-bottom : 10px;
    padding : 0;
}

.form_block table {
    font-size: 80%;
    border-collapse: collapse;
    border-spacing : 0;
    border: 0;
    float : left;
   	text-align: left;
    padding : 0;
    margin : 0;
}

.form_block_posted {
    float : none;
    display : inline;
    border : 0;
    background-color : #E9E9E9;
    margin-left : 1px;
    margin-right : 16px;
    margin-top : 1px;
    margin-bottom : 8px;
    padding : 0;
}


.form_block_posted table {
    font-size: 75%;
    border-collapse: collapse;
    border-spacing : 0;
    border: 0;
   	text-align: left;
    padding : 0;
    margin : 0;
}


.form_block_large {
    width : 32.5%;
    min-height : 1600px;
    min-width : 336px;
    display : inline;
    float : left;
    border : 0;
    background-color : #E9E9E9;
    margin-left : 4px;
    margin-right : 8px;
    margin-top : 2px;
    margin-bottom : 10px;
    padding : 0;
}


.form_block_large table {
    font-size: 75%;
    border-collapse: collapse;
    border-spacing : 0;
    border: 0;
    float : left;
   	text-align: left;
    padding : 0;
    margin : 0;
}

.form_title img {
    border : 0;
    padding-left : 4px;
    padding-right : 4px;
    padding-top : 0;
    padding-bottom : 0;
    vertical-align : middle;
}


.form_title_left {
    float : left;
    padding-top : 0;
    padding-bottom : 3px;
    padding-left : 0;
    padding-right : 3px;
    margin : 0;
}

.form_title_center {
    float : left;
    display : inline;
    min-height : 32px;
    padding-top : 4px;
    padding-bottom : 3px;
    padding-left : 0;
    padding-right : 3px;
    margin : 0;
}


.form_title_right {
    float : right;
    margin : 0;
    padding-top : 11px;
    padding-bottom : 3px;
    padding-left : 0;
    padding-right : 11px;
}

.form_item {
    width : 100%;
    border-top : 0;
    border-left : 0;
    border-right : 0;
    border-bottom : 1px solid #FFFFFF;
    padding : 0;
    margin : 0;
    float : none;
    display : table;
}

.form_item table {
    border : 0;
    padding : 0;
    margin-left : 0;
    margin-right : 4px;
    margin-top : 0;
    margin-bottom : 0;
    float : left;
    display : table;
    border-collapse : collapse;
    white-space : nowrap;
    border-spacing: 0;
}

.form_item td {
    vertical-align : middle;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    padding-bottom : 0;
}

.form_item tr {
    padding : 0;
}

.form_button
{
    font-size : 120%;
    font-weight : bold;
    color : #FFFFFF;
    border : 1px solid #202020;
    border-radius: 4px;
    padding : 5px 14px;
    background-color : #1F5000; 
    text-align: center;
    text-decoration: none;
    margin: 10px;
    cursor: pointer;   
}




.list_button
{
    font-size : 100%;
    min-height : 22px;
    color : #FFFFFF;
    float : left;
    padding : 2px 6px;
    background-color : #909090; 
    border : 1px solid #808080;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    margin: 3px;
    cursor: pointer;   
    vertical-align : middle;
}





.new {
    color : #FFAA00;
    font-weight : bold;
    font-weight : bold;
    letter-spacing: 2px;
    text-transform : uppercase;
    text-shadow : 1px 1px #404040;
}

.upcoming {
    color : #FF6600;
    font-weight : bold;
    letter-spacing: 2px;
    text-transform : uppercase;
    text-shadow : 1px 1px #404040;
}


.option1 {
    color : #FFFFFF;
}

.option0 {
    color : #FFFFFF;
}

.optionx {
    color : #FFFFFF;
}


.option1 table {
    background-color: green;
    color : #FFFFFF;
    font-weight : bold;
}

.option0 table {
    background-color: red;
    color : #FFFFFF;
    font-weight : bold;
}

.optionx table {
    background-color: gray;
    color : #FFFFFF;
    font-weight : bold;
}

.quick_search {
    display : block;
    padding : 2px;
    margin : 2px;
    width : 480px;
    float : left;
    border : 1px solid #A0A0A0;
    border-radius: 3px; 
}


.result {
margin : 14px 12px;
padding : 3px;
border-top : 1px solid #F3B612;
border-bottom : 1px solid #F3B612;
border-left-width:1px; 
border-right-width:1px; 
font-size : 110%;
text-align : center;
background-color : #FFFF70;
color : #000000;
}


.error {
color : #ff0000;
font-size : 110%;
font-weight : bold;
padding : 0 18px;
background-image : url(../../icons/error.gif);
background-repeat : no-repeat;
margin : 4px;
}


.modified {
color : #6600FF;
font-size : 130%;
font-weight : bold;
margin : 10px;
padding : 0 5px;
border : 2px solid #6600FF;
border-radius: 4px;
}




.red_link {
    font-family : helvetica;
    font-weight : bold;
    font-size : 90%;
    align-content : center;
    -webkit-align-content : center;
}

.red_link A:link {
    color : #FF0101;
    text-decoration : underline;
}

.red_link A:visited {
    color : #FF0101;
    text-decoration : underline;
}

.red_link A:hover {
    text-decoration : underline;
    color : #BF0101
}



/*

Footer bar

*/


.footer_bar {
    color : #AAAAAA;
    background-color : #444444;
    margin : 0;
    padding-left : 20px; 
    padding-right : 20px; 
    padding-top : 32px;
    padding-bottom : 32px;
}

.footer_bar A:link, A:visited, A:hover
{
    color : #DDDDDD;
}





@media only screen and (max-width:1798px)
{
    html, body 
    {
        font-size : 15px;
    }
    
    .canvas_wide
    {
        width : 85%;
    }

    .sidebar_thin
    {
        width : 13%;
    }
    
    .canvas
    {
        width : 74.5%;
    }

    .sidebar
    {
        width : 25%;
    }
    
    .canvas_half 
    {
        width : 50%;   
    }
    
    .content_block 
    {
        width : 24.2%;
        min-height : 448px;
    }

    .content_block_small 
    {
        width : 24.2%;
        min-height : 288px;
    }

    .form_block {
        width : 32.3%;
        min-height : 520px;
    
    }
    
    .form_block_large {
        width : 48.8%;
        min-height : 560px;
    }
            
    .form_block_posted {
        width : 24%
    }
    
    .content_block_in 
    {
        width : 14.9%;
        min-height : 160px;
    }
    
    .content_block_in_side
    {
        min-width : 1.2%;
        min-height : 160px;
    }
    
    .quick_search 
    {
        width : 384px;
    }
    
}



@media only screen and (max-width:1438px)
{
    html, body 
    {
        font-size : 14px;
    }
    
    .canvas_wide
    {
        width : 81%;
    }

    .sidebar_thin
    {
        width : 17%;
    }

    .canvas
    {
        width : 66.5%;
    }

    .sidebar
    {
        width : 33%;
    }

    .canvas_half 
    {
        width : 50%;   
    }

    .content_block 
    {
        width : 32.4%;
        min-height : 400px;
    }

    .content_block_small 
    {
        width : 32.4%;
        min-height : 264px;
    }

    .content_block_in 
    {
        width : 14.3%;
        min-height : 192px;
    }
    
    .content_block_in_side 
    {
        width : 1.6%;
        min-height : 192px;
    }
    
    .form_block {
        width : 32%; 
        min-height : 448px;
    
    }
    
    .form_block_large {
        width : 48.6%;
        min-height : 508px;
    }
            
    .form_block_posted {
        width : 32%
    }
    
    .quick_search 
    {
        width : 280px;
    }
    
    
}


@media only screen and (max-width:1078px)
{
    html, body 
    {
        font-size : 13px;
    }

    .canvas_wide
    {
        width : 70%;
    }

    .sidebar_thin
    {
        width : 26%;
    }
    
    .canvas
    {
        width : 49%;
    }

    .canvas_half 
    {
        width : 100%;   
    }
    
    .sidebar
    {
        width : 49.8%;
    }    
    
    .content_block 
    {
        width : 48.3%;
        min-height : 384px;
    }

    .content_block_small 
    {
        width : 48.3%;
        min-height : 200px;
    }
    
    .content_block_in 
    {
        display : none;
    }
    
    .content_block_in_side
    {
        display : none;
    }
    
    .form_block {
        width : 48.4%;
        min-height : 384px;
    
    }
    
    .form_block_large {
        width : 100%;
        float : none;
        min-height : 200px;
    }

            
    .form_block_posted {
        width : 48%
    }
  
    .quick_search 
    {
        width : 160px;
    }
    
}



@media only screen and (max-width:718px)
{
    html, body 
    {
        font-size : 12px;
    }
    
    .canvas_wide
    {
        width : 62%;
    }

    .sidebar_thin
    {
        width : 34%;
    }
    
    .canvas
    {
        width : 99.5%;
    }

    .canvas_half 
    {
        width : 100%;   
    }
    
    .sidebar
    {
        width : 99.5%;
    }
    
    .compact_list 
    {
        display : none;
    }
    
    .compact_list_title 
    {
        display : none;
    }
    
    
    .content_block 
    {
        width : 100%;
        height : auto;
        float : none;
        border : 0;
    }

    .content_block_small 
    {
        width : 100%;
        height : auto;
        float : none;
        border : 0;
    }
    
    .content_block_in 
    {
        display : none;
    }

    .content_block_in_side
    {
        display : none;
    }
    
    .form_block {
        width : 100%;
        float : none;
        min-height : 248px;
    }
    
    .form_block_large {
        width : 100%;
        float : none;
        min-height : 180px;
    }

    .form_block_posted {
        width : 100%;
    }
    
    .quick_search 
    {
        width : 116px;
    }
    
    

    
}