html 
{
    font-family : sans-serif;
}

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

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

td 
{
    vertical-align : top;
}

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

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

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

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

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

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


.input
{
    border : 1px solid #484848; 
    
}


textarea
{
    overflow : auto;
    padding : 1px 2px;
    color : #484848;
    font-family : Arial;
    font-size : 100%;
}

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 : 28%;
    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;
    margin-top : 0;
    margin-bottom : 0;
    margin-right : 0;
    margin-left : 0;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 8px;
    padding-bottom : 1px;
    max-width : 400px;
    min-width : 64px;
    min-height : 54px;
    border-right : 3px solid #FDFDFD;
    border-bottom : 2px solid #FDFDFD;
}

.header_block A:link, .header_block A:hover, .header_block A:visited {
    color : #FFFFFF;
    padding-left : 2px;
    padding-right : 3px;
    padding-top : 5px;
    padding-bottom : 5px;
    border : 1px solid #FFFFFF;
    text-decoration : none;
    margin-top : 2px;
    margin-bottom : 2px;
    margin-right : 2px;
    margin-left : 2px;
}

.header_title 
{
    font-size: 100%;
    font-weight : bold;
    padding : 0;
    margin : 0;
}

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


.header_subtitle {
    float : none;
    padding : 0;
    margin : 0;
    display : inline;
}



/* 

Content

*/

/* Canvas for main content with thin sidebar (160px) */
.canvas_wide {
    width : 90%;
    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 (336px) */
.canvas {
    width : 80%;
    display : table;
    float : left;
    margin : 0;
    padding : 0;
    min-height : 400px;
}


/* Detaches the half of the canvas for main content with standard sidebar (336px) */
.canvas_half {
    width : 50%;
    min-width : 356px;
    min-height : 400px;
    display : table;
    float : left;
    margin : 0;
    padding : 0;
}


/* Sidebar beside main content with standard sidebar (336px) */
.sidebar {
    width : 20%;
    min-width : 356px;
    display : table;
    float : left;
    margin : 0;
    padding : 0;
}

/* Elements for full width content block list (standard height) */
.content_block {
    width : 19.4%;
    min-width : 344px;
    min-height : 500px;
    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 : 220px;
    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 : 85%;
    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 : Times, serif;
    font-size : 120%;
    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;
    float : left;
    margin-left : 0;
    margin-right : 4px;
    margin-top : 1px;
    margin-bottom : 7px;
    padding : 0;
    border-left: 3px solid #EFEFEF;
}

.compact_list_title {
    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 : 80%;
}




/*

Form

*/

.form_block {
    width : 32%;
    min-height : 400px;
    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: 70%;
    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_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 : 12px;
    padding-bottom : 3px;
    padding-left : 0;
    padding-right : 12px;
}

.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;
    padding : 5px 14px;
    background-color : #1E7600; 
    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;
    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 : 120%;
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;
}


/*

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 : 13px;
    }
    
    .header_block {
        font-size : 100%;
        min-height : 54px;
    }   

    .canvas_wide
    {
        width : 85%;
    }

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

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

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

    .form_block {
        width : 32%;
        min-height : 448px;
    
    }
            
    .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 : 13px;
    }
    
    .canvas_wide
    {
        width : 81%;
    }

    .sidebar_thin
    {
        width : 17%;
    }

    .canvas
    {
        width : 66%;
    }

    .sidebar
    {
        width : 34%;
    }

    .canvas_half 
    {
        width : 50%;   
    }
    
    .header_block {
        font-size : 100%;
        min-height : 54px;
    }   

    .header_block A:link, .header_block A:hover, .header_block A:visited {
        margin-right : 3px;
        margin-left : 3px;
    }

    .compact_list {
        font-size : 90%;
    }
    
    .compact_list_title {
        font-size : 90%;
    }

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

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

    .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 : 496px;
    
    }
            
    .form_block_posted {
        width : 32%
    }
    
    .quick_search 
    {
        width : 280px;
    }
    
    
}


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

    .canvas_wide
    {
        width : 70%;
    }

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

    .canvas_half 
    {
        width : 100%;   
    }
    
    .sidebar
    {
        width : 50%;
    }    

    .header_block {
        font-size : 75%;
        min-height : 50px;
    }   

    .header_block A:link, .header_block A:hover, .header_block A:visited {
        margin-right : 2px;
        margin-left : 2px;
    }

    .compact_list {
        font-size : 70%;
    }
    
    .compact_list_title {
        font-size : 70%;
    }
    
    .content_block 
    {
        width : 48.3%;
        min-height : 558px;
    }

    .content_block_small 
    {
        width : 48.3%;
        min-height : 240px;
    }
    
    .content_block_in 
    {
        display : none;
    }
    
    .content_block_in_side
    {
        display : none;
    }
    
    .form_block {
        width : 48%;
        min-height : 544px;
    
    }
            
    .form_block_posted {
        width : 48%
    }
  
    .quick_search 
    {
        width : 160px;
    }
    
}



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

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

    .canvas_half 
    {
        width : 100%;   
    }
    
    .sidebar
    {
        width : 100%;
    }
    
    
    .header_block {
        font-size : 60%;
        min-height : 46px;
    }    
    
    .header_block A:link, .header_block A:hover, .header_block A:visited {
        margin-right : 1px;
        margin-left : 1px;
    }
    

    .compact_list {
        font-size : 60%;
    }
    
    .compact_list_title {
        font-size : 60%;
    }

    .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_posted {
        width : 100%;
    }
    
    .quick_search 
    {
        width : 116px;
    }
    
    
}