/*
 * Author:        Samuel A. Roldan
 * Website:    www.sam3k.com
 * Credits:    
 *     + Reset by Yahoo (YUI)
*/

/*    $__reset:    YUI reset v.2
    -------------------------------------------------------------------*/
    /*
        Copyright (c) 2009, Yahoo! Inc. All rights reserved.
        Code licensed under the BSD License:
        http://developer.yahoo.net/yui/license.txt
        version:    2.8.0r4
    */
    html {
        color:#000;
        background:#FFF;
    }
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
        margin:0;
        padding:0;
    }
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    fieldset, img {
        border:0;
    }
    address, caption, cite, code, dfn, em, strong, th, var, optgroup {
        font-style:inherit;
        font-weight:inherit;
    }
    del, ins {
        text-decoration:none;
    }
    li {
        list-style:none;
    }
    caption, th {
        text-align:left;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size:100%;
        font-weight:normal;
    }
    q:before, q:after {
        content:'';
    }
    abbr, acronym {
        border:0;
        font-variant:normal;
    }
    sup {
        vertical-align:baseline;
    }
    sub {
        vertical-align:baseline;
    }
    legend {
        color:#000;
    }
    input, button, textarea, select, optgroup, option {
        font-family:inherit;
        font-size:inherit;
        font-style:inherit;
        font-weight:inherit;
    }
    input, button, textarea, select {
        *font-size:100%;
    }


/*    $__default:    default links, lists, tables, etc
    -------------------------------------------------------------------*/
    body { 
        font-family    :    Verdana, Helvetica, Arial, sans-serif;
        font-size      :    12px; 
        line-height    :    18px; 
        color          :    #333; 
    }
    
    a:link, a:visited, a:active { 
        color              :    #009cc2; 
        text-decoration    :    none; 
    }
    a:hover { 
        text-decoration    :    underline; 
    }
    
    /* rule:    always push down using margin-bottom */
    p, blockquote, ul, h1,h4,h5,h6 { margin-bottom:16px; }
    
    em { font-style:italic; }
    
    strong { font-weight:bold; }
    
    blockquote { 
        font-family    :    Georgia, "Times New Roman", Times, serif; 
        font-size      :    18px; 
        color          :    #666;
        font-style     :    italic;
        text-align     :    center;
    }
  
    hr { 
        border           :    none 0;
        border-top       :    1px solid #ddd;    /*the border*/
        width            :    75%;
        height           :    1px;                /*whatever the total width of the border-top and border-bottom equal*/
        margin-top       :    16px;
        margin-bottom    :    16px;
    }
    
    h1,h2,h3,h4,h5,h6 { font-family:Georgia, "Times New Roman", Times, serif; }
    
    /* h2, h3, h4 { border-bottom:#ccc 1px solid; } */
    
    h1 { font-size:34px; line-height:41px; color:#666; }
    h2 { font-size:24px; line-height:29px; color:#333; margin-bottom:8px; font-style:italic; }    
    h3 { font-size:18px; line-height:22px; color:#000; margin-bottom:8px; }
    h4 { font-size:14px; line-height:20px; color:#333; margin-bottom:4px; font-weight:bold; display:inline-block; }
    h5 { font-size:14px; line-height:20px; color:#666; margin-bottom:4px; font-style:italic; }
    h6 { font-size:12px; line-height:18px; color:#999; margin-bottom:4px; }
	
    del { text-decoration :    line-through; }

/*    $__global:    header, navigation,  
    -------------------------------------------------------------------*/
    .logo { 
        font-family    :    "Trebuchet MS", Arial, Helvetica, sans-serif; 
        text-align     :    center; 
        font-size      :    32px;
        line-height    :    40px;
        display        :    block;
        padding        :    32px;
    }
    
    .navigation {}
        .navigation ul { 
            clear         :    both; 
            display       :    block; 
            width         :    100%; 
            background    :    #333; 
        }
            .navigation li { 
                display    :    inline; 
                color      :    #fff; 
            }
                .navigation li a { 
                    display    :    inline-block; 
                    padding    :    4px 8px 4px 8px; 
                }
                .navigation li.selected a { 
                    background     :    #f8f8f8; 
                    color          :    #333; 
                    font-weight    :    bold; 
                }
                    .navigation li a:hover { 
                        text-decoration    :    none; 
                        background         :    #ccc; 
                        color              :    #333; 
                    }
                
            .navigation li, 
            .navigation li a { 
                color    :    #fff; 
            }
    

/*    $__tables:    basic HTML table #b4d7f0
    -------------------------------------------------------------------*/
    .table-listing { 
        width          :    100%; 
        margin         :    5px 0 0 0; 
        line-height    :    18px; 
        /* border        :    #b4d7f0 1px solid; LEFT BORDER DOESNT SHOW INSIDE SHADOW TABLE*/
    }
        .table-listing .even { 
            background    :    #d9eff3; 
        }
            .table-listing td, 
            .table-listing th { 
                padding           :    8px; 
                vertical-align    :    top; 
            }
            .table-listing th { 
                background       :    #ffffff;
                padding          :    4px 8px; 
                font-weight      :    bold; 
                text-align       :    left; 
                border-bottom    :    1px #eee solid;
            }

    /*    $__tables:    Sortable Tables ( Sort by Column )
        -------------------------------------------------------------------*/
        .table-sortable thead th {
            cursor    :    pointer;
        }
            .table-sortable thead th.headerSortDown { 
              background-image        :    url(http://media.resguest.com/images/icons/16x16/arrow_down.png);
              background-position    :    center right;
              background-repeat        :    no-repeat;
            }
            
            .table-sortable thead th.headerSortUp { 
              background-image        :    url(http://media.resguest.com/images/icons/16x16/arrow_up.png);
              background-position    :    center right;
              background-repeat        :    no-repeat;
            }


/*    $__lists:    all related to HTML lists
    -------------------------------------------------------------------*/
    
    /*    $__list:    Standard
        -------------------------------------------------------------------*/
        ul {
			margin-bottom    :    16px;
		}
	
			li { 
				list-style-type    :    disc; 
				margin-left        :    16px;
			}
        
            ul.bullets li { 
                list-style-type    :    circle; 
                margin-left        :    25px; 
            }
            
                ul li ul li { 
                    margin-left    :    8px; 
                }
        
        
    /*    $__list:    Numeric
        -------------------------------------------------------------------*/
        ol {
            font-family    :    Georgia, "Times New Roman", Times, serif;
            font-style    :    italic;
            font-size    :    20px;
            color        :    #999;
        }
            ol li { 
                margin            :    0 0 4px 35px; 
                list-style-type    :    decimal; 
            }
                ol p {
                    font-family    :    Verdana, Arial, Helvetica, sans-serif;
                    font-style    :    normal;
                    font-size    :    12px;
                    color        :    #000000;
                    margin        :    0;    /* reset global */
                }


/*    $__form:    all FORM related styles
    -------------------------------------------------------------------*/
    /* important:    always wrap form on this class to fix IE bug where form border stretches 100% due to labels having a displa:block. If removed elements next to form will justify left */
    
    
    form { 
        margin-bottom    :    16px; 
        clear            :    both;
        display          :    inline-block; 
    }
        
        fieldset { 
            background    :    #fff; 
            padding:0;
        }
        * html fieldset {
          width    :    100%; /* Fixes IE6 */
        }
        
            fieldset fieldset { 
                  border        :    none; 
                background    :    none; 
                  padding        :    0; 
            }
            
            /* 
                issue:    stretches form in IE, nowrap is for IE6 
            */
            label { 
                font-size    :    10px; 
                color        :    #666; 
                display        :    block; 
                white-space    :    nowrap 
            }
            
            input, textarea, select { color:#666; font-size:11px; }
            
            input { 
                margin-bottom    :    8px; 
                vertical-align    :    top;
            }
            
            select {
                vertical-align    :    top;
            }
                /*
                    CLEAN UP:    getting rid of this as it doesnt work on ie6 OR build JS Solution for IE6
                */
                input[type="text"], 
                input[type="password"] { width:300px; }
                
                input[type="checkbox"], 
                input[type="radio"] { width:auto; height:auto; }
                
                input[type="submit"], input.submit,
                input[type="button"], input.button,
                button, button.button { 
                    display                    :    inline-block; 
                      width                    :    auto; 
                      font-size                :    10px;
                    background-color        :    #fff;
                    font-weight                :    bold;
                    padding                    :    3px 4px;
                    margin-top                :    -2px;
                    background-image        :    -moz-linear-gradient(100% 100% 90deg, #e9e8e8, #fff) !important;
                    background-image        :    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e8e8)) !important;
                    background-image        :    none;
                    border                    :    #27537A 1px solid;
                      color                    :    #333;
                      -moz-border-radius        :    3px;
                    -webkit-border-radius    :    3px;
                      cursor                    :    pointer;
                }

            textarea { 
                width            :    302px; /* adjust width to each browser*/
                height            :    100px; 
                margin-bottom    :    8px; 
            }
            textarea.large { 
                width    :    800px; 
                height    :    200px; 
            }
            
            select { 
                height            :    17px; 
                margin-bottom    :    7px; 
            }
                select[multiple="multiple"] { 
                    height    :    auto; 
                }

            legend { color:#333; }
            
            /* 
                We ALWAYS wrapped 'legend' in a fieldset so it inherits the border:none 
                above which looks aweful and not possible to get around it 
            */
            fieldset legend { 
                padding-bottom    :    8px;
                font-family        :    Georgia, "Times New Roman", Times, serif; 
                font-size        :    20px; 
                line-height        :    24px;
                font-style        :    italic;
                color            :    #777;
            }
                    
            form.inline fieldset { 
                display             :    inline; 
                margin-right     :    4px; 
                margin-bottom    :    6px; 
            }
            
                form.inline input             { width:120px; }
                form.inline input.submit     { width:auto;  }
                

        
/*    $__buttons:    all buttons and inputs buttons here
    -------------------------------------------------------------------*/
    
    /*    $__button:    Normal 
        -------------------------------------------------------------------*/
        button.btn, input.btn, a.btn, a.btn:visited, a.btn:active, a.btn:link {
            font-weight                :    bold;
            -moz-border-radius        :    4px;
            -webkit-border-radius    :    4px;
            padding                    :    2px 8px !important;
        }
        button.btn, input.btn {
            height                :    auto !important;    /* reset default so buttons are a bit bigger */
            border                :    #27537A 1px solid;
              color                :    #333;
            background-image    :    -moz-linear-gradient(100% 100% 90deg, #e9e8e8, #fff) !important;
            background-image    :    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e8e8)) !important;
            background-image    :    none;
            font-size            :    12px; 
        }

        a.btn { 
            text-decoration        :    none; 
            display                :    inline-block;
              border                :    #27537A 1px solid;
              color                :    #333;
            background-image    :    -moz-linear-gradient(100% 100% 90deg, #e9e8e8, #fff) !important;
            background-image    :    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e8e8)) !important;
            background-image    :    none;
        }
        a.btn:hover { 
            text-decoration    :    none;
              cursor             :    pointer;
        }

        button.btn, input.btn { 
            height            :    auto; 
            cursor            :    pointer; 
        }
            
    /*    $__button:    Call to Action
        -------------------------------------------------------------------*/
        button.btn-callToAction,
        a.btn-callToAction {
            display                     :    inline-block;
            text-decoration             :    none;
            padding                     :    12px 16px;
            -moz-border-radius         :    8px; 
            -webkit-border-radius    :    8px;
            text-align                 :    left;
        }
        button.btn-callToAction { border:none; }
        
            /*
                DO NOT APPLY COLOR HERE, USE bgColor- classes instead
            */
            button.btn-callToAction:hover,
            a.btn-callToAction:hover {    
                background-image    :    none;
                cursor                :    pointer;
            }
    
                /* 
                    easiest way to align these monkeys is to use a single span 
                */
                button.btn-callToAction span,
                a.btn-callToAction span {
                    display        :    inline-block;
                    font-size    :    18px;
                    line-height    :    18px;
                    font-weight    :    bold;
                    white-space    :    nowrap;
                    cursor        :    pointer;
                    /* TODO:    this class causes large space on the right side on IE7 */
                    /* color                :    #fff; For IE6 */
                }
                    a.btn-callToAction:hover { text-decoration    :    none; } /* For IE6 */
        
                    /* 
                        we use <strong> & <em> because styling is more consistent accross browsers 
                    */
                    button.btn-callToAction span strong,
                    a.btn-callToAction span strong {
                        display        :    block;            /* clear em to the next line */
                        font-size    :    18px;
                        line-height    :    18px;
                        font-weight    :    bold;
                    }
                    button.btn-callToAction span em,
                    a.btn-callToAction span em {
                        font-size    :    12px;            /* reset inheritance */
                        line-height    :    16px;            /* reset inheritance */
                        font-weight    :    normal;            /* reset inheritance */
                        font-style    :    normal;
                    }
            
                    /*
                        button for call to action
                    */
                    a.btn-callToAction img { 
                        float    :    left; 
                        display    :    inline-block; 
                        margin    :    0 8px 0 0; 
                    }
    
    
    
/*    $__colors:    text colors
    -------------------------------------------------------------------*/
    .color-wine, a.color-wine, a.color-wine:hover                         { color    :    #990033; }
    .color-lime, a.color-lime, a.color-lime:hover                         { color    :    #b2bb1e; }
    .color-orange, a.color-orange, a.color-orange:hover                 { color    :    #ff6600; }
    .color-aqua, a.color-aqua, a.color-aqua:hover                         { color    :    #0094ae; }
    .color-gray-medium, a.color-gray-medium, a.color-gray-medium:hover    { color    :    #666666; }
    
    
    
/*    $__bgColors:    background colors and the best color for it 
    -------------------------------------------------------------------*/
    
    /*
     * Color Wine
     */
    .bgColor-wine, a.bgColor-wine, input.bgColor-red    { 
        background-color    :    #990033;     
        border-color        :    #fff; 
        color               :    #fff; 
    }
    a.bgColor-wine:hover { 
        background-color    :    #ac002c;
    }
    
    .bgColor-red, a.bgColor-red, input.bgColor-red { 
        background-color    :    #C00;
        border-color        :    #fff; 
        color               :    #fff; 
    }
    a.bgColor-red:hover    { 
        background-color    :    #F00;
    }
    
    /*
     * Color Lime
     */
    .bgColor-lime, a.bgColor-lime, a.bgColor-lime:visited, input.bgColor-lime { 
        background-image    :    -moz-linear-gradient(90% 90% 90deg, #67b200, #a2d500) !important;
        background-image    :    -webkit-gradient(linear, 0% 0%, 0% 60%, from(#a2d500), to(#67b200)) !important;
        background-image    :    none;
        background-color    :    #a2d500;     
        border-color        :    #67b200; 
        color               :    #fff; 
        text-shadow         :    0 -1px 0 #999;
    }
    a.bgColor-lime:hover { 
        background-color    :    #bbdb22;     
        background-image    :    none;
    }
    *:first-child+html a.bgColor-lime:hover {
        background-color    :    #a2d500;         /* IE7 Hack: do not allow rollovers as they dont work nice with round corners */
    } 
    * html a.bgColor-lime:hover {
        background-color    :    #a2d500;         /* IE6 Hack: do not allow rollovers as they dont work nice with round corners */
    }
    
    /*
     * Color Orange
     */
    .bgColor-orange, a.bgColor-orange, a.bgColor-orange:visited { 
        background-color    :    #ff6600; 
        border-color        :    #fff; 
        color               :    #fff; 
    }
    a.bgColor-orange:hover { 
        background-color    :    #ff7000; 
    }
    
    /*
     * Color Light Orange
     */
    .bgColor-orange-light, a.bgColor-orange-light { 
        background          :    #ff9b4c; 
    }
        
    /*
     * Color Aqua
     */
    .bgColor-aqua, a.bgColor-aqua, a.bgColor-aqua:visited { 
        background-image    :    -moz-linear-gradient(20% 80% 90deg, #0094ae, #13b7cf) !important;
        background-image    :    -webkit-gradient(linear, 0% 0%, 0% 60%, from(#13b7cf), to(#0094ae)) !important;
        background-image    :    none;
        background-color    :    #0094ae; 
        border-color        :    #0094ae; 
        color               :    #fff;
        text-shadow         :    0 -1px 0 #999;
    }
    a.bgColor-aqua:hover { 
        background-color    :    #13c0d1; 
    }
    *:first-child+html a.bgColor-aqua:hover {
        background-color    :    #0094ae;         /* IE7 Hack: do not allow rollovers as they dont work nice with round corners */
    } 
    * html a.bgColor-aqua:hover {
        background-color    :    #0094ae;         /* IE6 Hack: do not allow rollovers as they dont work nice with round corners */
    }
  
    /*
     * Color Light Aqua
     */
    .bgColor-aqua-light, a.bgColor-aqua-light, a.bgColor-aqua-light:visited, a.bgColor-aqua-light:active, a.bgColor-aqua-light:link { 
        background-color    :    #b2dfe7; 
        border-color        :    #0094ae;
        color               :    #0094ae; 
    }
    a.bgColor-gray-light:hover { 
        background-color    :    #bfe4eb; 
    }
  
    /*
     * Color Carmine
     */
    .bgColor-carmine, input.bgColor-carmine, a.bgColor-carmine, a.bgColor-carmine:visited { 
        background-image    :    -moz-linear-gradient(20% 80% 90deg, #ac002c, #ff0035) !important;
        background-image    :    -webkit-gradient(linear, 0% 0%, 0% 60%, from(#ff0035), to(#ac002c)) !important;
        background-image    :    none;
        background-color    :    #ac002c; 
        border-color        :    #ac002c; 
        color               :    #fff; 
    }
    a.bgColor-carmine:hover { 
        background-color    :    #8d0424; 
    }
    *:first-child+html a.bgColor-carmine:hover {
        background-color    :    #ac002c;         /* IE7 Hack: do not allow rollovers as they dont work nice with round corners */
    } 
    * html a.bgColor-carmine:hover {
        background-color    :    #ac002c;         /* IE6 Hack: do not allow rollovers as they dont work nice with round corners */
    }
    
    /*
     * Color Warning
     */
    .bgColor-Warning, a.bgColor-Warning { 
        background-color    :    #fff6bf; 
        border-color        :    #ffd324; 
        color               :    #ffd324; 
    }
    a.bgColor-Warning:hover { 
        background-color:#fff6bf; 
    }
  
    .bgColor-red-light, a.bgColor-red-light { 
        background-color    :    #FCC; 
        border-color        :    #FCC; 
        color                :    #990000; 
    }
        a.bgColor-red-light:hover { 
            background-color:#FCC; 
        }
  
    .bgColor-yellow-light, a.bgColor-yellow-light { 
        background-color    :    #ffffcd; 
        border-color        :    #ffffcd; 
        color                :    #cc9900; 
    }
        a.bgColor-yellow-light:hover { 
            background-color    :    #ffffcd; 
        }
  
    .bgColor-gray, a.bgColor-gray, input.bgColor-gray    { 
        background-color    :    #ddd;     
        border                :    #999 1px solid; 
        color                :    #666; 
    }
        a.bgColor-gray:hover { 
            background-color    :    #eee;
        }
  
    .bgColor-gray-light, a.bgColor-gray-light, a.bgColor-gray-light:visited, a.bgColor-gray-light:active, a.bgColor-gray-light:link { 
        background-color    :    #eee; 
        border-color        :    #000;
        color                :    #333; 
    }
        a.bgColor-gray-light:hover { 
            background-color    :    #eee; 
        }
    
    .bgColor-gray-dark, a.bgColor-gray-dark, a.bgColor-gray-dark:visited, a.bgColor-gray-dark:active, a.bgColor-gray-dark:link { 
        background-color    :    #ccc; 
        border-color        :    #666;
        color                :    #666; 
    }
        a.bgColor-gray-dark:hover { 
            background-color    :    #ddd; 
        }
    
    
/*    $__visual enhancements:    fancy stuff
    -------------------------------------------------------------------*/
    img.pic { padding:4px; border:#ccc 1px solid; }
    
/*    $__shorcuts:    float left, right, center, etc
    -------------------------------------------------------------------*/
    .clear { clear:both; }
  .hide { display:none; }
    .caption { font-size:11px; line-height:16px; color:#666; }
  .disabled { filter:    alpha(opacity=20); -moz-opacity:    0.2; opacity:    0.2; }
    .center { text-align:center; }
    .alignRight { text-align:right; }
  .auto { width:auto !important; }
    img.center { display:block; margin:0 auto; }
    .left { float:left; }
    .right { float:    right; }
  .inline, ul.inline li { display:inline; }
      ul.inline { display:block; }
    td.middle { vertical-align:middle; }
  .inline-block { 
        display:-moz-inline-stack; /* Old FireFox */
        display:inline-block; 
        zoom:1; /* IE6:    Turn on hasLayout */
        *display:inline; /* IE6 Hack */
        }
    .nowrap { white-space:nowrap; }
    
/*    $__grid:    define the basic grid rules
    -------------------------------------------------------------------*/
    #wrap { 
        min-width    :    960px;
        width        :    90%;
        position     :    relative; 
        border       :    1px solid;
        margin       :    0 auto;
        overflow     :    hidden;            /* fix no-height on FF when children has float left */
    }
		
		#frame { 
	        min-width    :    960px;
	        width        :    90%;
	        position     :    relative; 
	        border       :    1px solid;
	        margin       :    0 auto;
	        overflow     :    hidden;            /* fix no-height on FF when children has float left */
    	}
	
    .column { 
        float            :    left;
        position    :    relative;
        padding        :    0;                        /* no left and right padding:    use ".content" class for this */
        overflow    :    hidden;
        width            :    50%;
    }
    /* .content sets padding not possible on parent .column class. IE breaks otherwise. */
    .content { padding    :    18px; }

    .block {}
    
        .block .content {
            padding    :    0 16px 16px 0;
        }
    
    .sidebar { margin-top    :    16px; }
        .sidebar .block { margin-bottom    :    32px; }
            .sidebar .block .content { padding    :    8px; }
        
    
    .auto                 { width    :    auto;     }
    .full                 { width    :    100%;     }   
    .half                 { width    :    50%;         }
    .third                 { width    :    33.33%;   }
        .third-2        { width    :    66.66%;   }
        .third-3         { width    :    99.99%;   }
    .fourth             { width    :    25%;         }
        .fourth-3         { width    :    75%;         }
    .fifth                 { width    :    20%;         }
        .fifth-2         { width    :    40%;         }
        .fifth-3         { width    :    60%;         }
        .fifth-4         { width    :    80%;         }

    /*    $__wireframes:    use to do wireframes and mockups (add to body class)
        -------------------------------------------------------------------*/
    .wireframe .full             { background    :    #ccc;         }
    .wireframe .half             { background    :    #333;         }
    .wireframe .third             { background    :    #666;         }
        .wireframe .third-2     { background    :    #555;         }
        .wireframe .third-3     { background    :    #444;         }    
    .wireframe .quarter         { background    :    #c8c8c8;     }
        .wireframe .quarter-3   { background    :    #c1c1c1;     }
    .wireframe .fifth             { background    :    #000;         }
        .wireframe .fifth-2     { background    :    #00FF33;     }
        .wireframe .fifth-3     { background    :    #00FF99;     }
        .wireframe .fifth-4     { background    :    #99FF99;     }
        
    .wireframe .navigation { background        :    #333;                 }
    
/*    $__logs:
    -------------------------------------------------------------------*/                
    .log-info,
    .log-warning,
    .log-processing,
    .log-success,
    .log-error,
    .log-message {
        background-position    :    center;
        background-repeat    :    no-repeat;
        background-position    :    15px 50%;
        text-align            :    left;
        padding                :    5px 20px 5px 45px;
    }
        .log-info {
            background-color        :    #f8fafc;
            background-image        :    url(http://media.resguest.com/images/icons/16x16/information.png); 
            border-top                :    2px solid #b5d4fe;
            border-bottom            :    2px solid #b5d4fe;
        }
        .log-success     { 
            background-color        :    #caffca ;
            background-image        :    url(http://media.resguest.com/images/icons/16x16/accept.png); 
            border-top                :    2px solid #39b54a;
            border-bottom            :    2px solid #39b54a;
        }
        .log-warning     {
            background-color        :    #fff6bf ;
            background-image        :    url(http://media.resguest.com/images/icons/16x16/error.png); 
            border-top                :    2px solid #ffd324;
            border-bottom            :    2px solid #ffd324;
        }
        .log-error         { 
            background-color        :    #fbd1d3 ;
            background-image        :    url(http://media.resguest.com/images/icons/16x16/cross.png); 
            border-top                :    2px solid #cc0000;
            border-bottom            :    2px solid #cc0000;
        }
        .log-message     { 
            background-color        :    #fff;
            background-image        :    url(http://media.resguest.com/images/icons/16x16/comment.png); 
            border-top                :    2px solid #ccc;
            border-bottom            :    2px solid #ccc;
        }
        .log-processing     { 
            background-color        :    #fff;
            background-image        :    url(http://media.resguest.com/images/icons/16x16/loading.gif); 
            border-top                :    2px solid #b5e2ec;
            border-bottom            :    2px solid #b5e2ec;
        }
        
        .no-icon { background-image:none; padding-left:8px; } /* Reset Icon if necessary */
    
    
/*    $__icons:
        -------------------------------------------------------------------*/                
        .ico {
            background-position    :    center;
            background-repeat      :    no-repeat;
            background-position    :    15px 50%;
            text-align             :    left;
            padding                :    2px 0px 2px 40px;
            margin-left            :    -4px;
        }
            .ico-48x48 {
                background-position    :    center;
                background-repeat      :    no-repeat;
                background-position    :    15px 50%;
                text-align             :    left;
                padding                :    16px 0px 16px 70px;
                margin-left            :    -4px;
            }
        
            .ico-guests                     { background-image    :    url(http://media.resguest.com/images/icons/16x16/group.png);             }
            .ico-email                         { background-image    :    url(http://media.resguest.com/images/icons/16x16/email.png);             }
            .ico-print                      { background-image    :    url(http://media.resguest.com/images/icons/16x16/printer.png);             }
            .ico-warning                     { background-image    :    url(http://media.resguest.com/images/icons/16x16/error.png);             }
                .ico-48x48-warning     { background-image    :    url(http://media.resguest.com/images/icons/48x48/warning.png);         }
                .ico-48x48-error         { background-image    :    url(http://media.resguest.com/images/icons/48x48/error.png);             }
                .ico-48x48-idea         { background-image    :    url(http://media.resguest.com/images/icons/48x48/idea.png);             }
            .ico-error                         { background-image    :    url(http://media.resguest.com/images/icons/16x16/cross.png);             }
            .ico-more                         { background-image    :    url(http://media.resguest.com/images/icons/16x16/table_go.png);     }
            .ico-link                         { background-image    :    url(http://media.resguest.com/images/icons/16x16/link.png);             }
            .ico-logout                     { background-image    :    url(http://media.resguest.com/images/icons/16x16/key_delete.png); }
            .ico-help                         { background-image    :    url(http://media.resguest.com/images/icons/16x16/help.png);             }
            .ico-account                     { background-image    :    url(http://media.resguest.com/images/icons/16x16/vcard.png);             }
            .ico-gallery                     { background-image    :    url(http://media.resguest.com/images/icons/16x16/images.png);         }
          .ico-photos                        { background-image    :    url(http://media.resguest.com/images/icons/16x16/photos.png);         }
        .ico-list                         { background-image    :    url(http://media.resguest.com/images/icons/16x16/page.png);             }
        .ico-app-view-list                { background-image    :    url(http://media.resguest.com/images/icons/16x16/application_view_list.png); }
      .ico-booked                        { background-image    :    url(http://media.resguest.com/images/icons/16x16/book.png);             }
      .ico-bookit                        { background-image    :    url(http://media.resguest.com/images/icons/16x16/book_open.png);     }
      .ico-checkin                    { background-image    :    url(http://media.resguest.com/images/icons/16x16/bell.png);             }
      .ico-tag-blue                 { background-image :    url(http://media.resguest.com/images/icons/16x16/tag_blue.png);         }
      .ico-switch                     { background-image :    url(http://media.resguest.com/images/icons/16x16/arrow_switch.png);}
      .ico-exception                { background-image :    url(http://media.resguest.com/images/icons/16x16/arrow_inout.png); }
      .ico-stats                         { background-image :    url(http://media.resguest.com/images/icons/16x16/chart_bar.png);     }
      
  /*    $__icons:    for links using class .btn (not sure if it works on inputs)
      -------------------------------------------------------------------*/
      a.ico:visited, a.ico:active, a.ico:link {
        background-position        :    6px 6px; 
        background-repeat            :    no-repeat; 
        padding-left                    :    24px;
      }
            
    /*    $__icons:    help (used for the help popup plugin
        -------------------------------------------------------------------*/                
            .help, .info { 
                color:#2a6ed1; 
                font-weight:bold; 
                padding-left:22px; 
                padding-bottom:4px; 
                padding-top:2px; 
                line-height:24px; 
                font-size:11px;
            }
            .help { background:url(http://media.resguest.com/images/icons/16x16/help.png) top left no-repeat; }
            .info { background:url(/http://media.resguest.com/images/icons/16x16/information.png) top left no-repeat; }
    
    /*    $__layout:    define layouts used on the side within the grid
        -------------------------------------------------------------------*/
        .main { width:    100%; } /* set to 100% if no class in body is found */
        
        /*    $__layout:    blog layout
            -------------------------------------------------------------------*/
            .layout-blog-three-column .main         { width:49.9%; }        /* Not Exact to cover old browsers */
            .layout-blog-three-column .sidebar     { width:24.9%;    }        /* Not Exact to cover old browsers */
        
        /*    $__layout:    holy grail
            -------------------------------------------------------------------*/
            .layout-holygrail-three-column .main             { width:46%; }
            .layout-holygrail-three-column .sidebar     { width:21%;    }

        /*    $__layout:    golden grid
            -------------------------------------------------------------------*/
            .layout-block .main        { width:100%; }
            .layout-block .sidebar     { display:none; }
			            
        /*    $__layout:    golden grid
            -------------------------------------------------------------------*/
            .layout-goldengrid .main        { width:61.8%; }
            .layout-goldengrid .sidebar     { width:38.2%; }
            
        /*    $__layout:    basic/standard
            -------------------------------------------------------------------*/
            .layout-basic .main        { width:75%; }
            .layout-basic .sidebar     { width:25%; }
            
        /*    $__layout:    floatbox
            -------------------------------------------------------------------*/
            .layout-floatbox #wrap { width:370px; }
            
        /*    $__layout:    wizard
            -------------------------------------------------------------------*/
            .layout-wizard #wrap { width:966px; }
            
        /*    $__layout:    website
            -------------------------------------------------------------------*/
            .layout-website #wrap { width:966px; }



/* MARK FOR DELETION
div.block-form { display:block; overflow:hidden; margin-bottom:16px; } 
fieldset.border { 
            border    :    #ccc 1px solid; 
            padding    :    16px; 
        }
*/