/********************************* Google CSE Search Results FORMATTING *************************************************/

/*Hidden Search Bar Areas*/
/*table.gsc-branding, 
td.gsc-clear-button 
{
    display:none!important;
    height:0!important;
    width:0!important;
    background-color:Transparent!important;
    border:none!important;
    padding:none!important;
    margin:none!important;
    border-collapse:collapse!important;
    background-image:none!important;
}*/
/*Changed Search Bar Areas*/
/*input.gsc-search-button {
    background-image:url(/search.png)!important;
    background-position:left top!important;
    width:40px!important;
    height:19px!important;
    padding:0 0 0 0!important;
    border:none!important;
    margin:0 0 0 0!important;
    text-indent:-100px!important;
    background-color:Transparent!important;
  }*/
  /*input.gsc-search-button:hover {
    background-image:url(/search.png)!important;
    background-position:left bottom!important;
    width:40px!important;
    height:19px!important;
    padding:0 0 0 0!important;
    border:none!important;
    margin:0 0 0 0!important;
    text-indent:-100px!important;
    background-color:Transparent!important;
  }*/
    td.gsc-input input 
    {    
        /*background-image:url(../images/A.png)!important;*/
        margin-top:0px!important;    
    }

/*Hidden Search Results Areas*/
/*div.gsc-tabsArea, 
table.gsc-resultsHeader, 
table.gsc-resultsHeader div, 
div.gsc-adBlockInvisible, 
div.gs-visibleUrl, 
div.gs-visibleURL-short, 
div.gs-visibleURL-long, 
div.gs-watermark, 
div.gsc-trailing-more-results 
{
    display:none!important;
    height:0!important;
    background-color:Transparent;
    border:none;
    border-collapse:collapse!important;
    background-image:none!important;
}*/


/*Displayed Search Results Areas*/
div.gsc-control-cse.gsc-control-cse-en,
.gsc-control-cse.gsc-control-cse-en div
{
    background:url(../images/background/middle-results.png) !important;    
    border:none!important;
    color:antiquewhite!important;       
}

/*Displayed area where relevance button shows content top*/
div.gsc-above-wrapper-area,
.gsc -above-wrapper-area div
{
    background:url(../images/background/middle-results.png) !important;
    color:antiquewhite!important;    
} 

/*Displayed area for side borders which are white by default*/
div.gsc-wrapper, 
.gsc-wrapper div 
{
    background: url(../images/background/middle-results.png) !important;           
    color:antiquewhite!important;    
    border:none!important;    
    
}
a.gs-title,
.gs-title a
{    
    
    background-color:#D8E6FF!important;
}

/*Not sure which part this applies to with CSE*/
/*.gs-snippet b
{
    font-weight:bold;
}    



/********************************* STANDARD FORMATTING *************************************************/


body
    {
        background-image:url(../images/background/grad_v.png);
        background-repeat:repeat-x;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family:Verdana;
        font-size:small;
    }
    p
    {
        margin-left:45px;
        margin-right:20px;
        font-size:16px;
    }
    /*--------- FIRST WORD FORMATTING ---------*/
    h1
    {
        font-size:24px;
        font-family:garamond, arial;
        margin-left:10px;
        font-weight:lighter;
    }
    h2
    {
        font-size:22px;
        font-weight:lighter;
        font-family:garamond, arial;
        margin-left:30px;
    }
    .sizeup
    {
        font-size:16px;
    }
    /*--------- FIRST WORD FORMATTING ---------*/
    /*--------- TIER FORMATTING ---------*/
    .t1
    {
        margin-left:75px;
        margin-right:55px;
        margin-top:25px;
        font-size:16px;
    }
    .t2
    {
        margin-left:105px;
        margin-right:55px;
        font-size:16px;
    }
    .t3
    {
        margin-left:135px;
        margin-right:55px;
        font-size:16px;
    }
    .t4
    {
        margin-left:165px;
        margin-right:55px;
        font-size:16px;
    }
    .t5
    {
        margin-left:195px;
        margin-right:55px;
        font-size:16px;
    }
    /*--------- TIER FORMATTING ---------*/
    /*--------- LIST FORMATTING ---------*/
    .indentedsublistitems
    {
    	background-image:none;
    	margin-left:50px;
    	margin-top:-20px;
    }
    .collapsibleList li
    {
        list-style-type:none;
        cursor:auto;
    }
    .collapsibleListOpen li
    {
        text-decoration:none;
        background-position: left top;
        cursor:default;
        margin-top:20px;
        color:white;
    }
    li.collapsibleListOpen
    {
        color:#D8E6FF; 
        background-position: left top;
        background-image: url(../images/bullet_blue_arrow_down.png); 
        cursor:pointer;
    }
    li.collapsibleListClosed
    {
       color:#D8E6FF; 
       cursor:pointer;
    }
    ol
    {
        padding: 0;
        margin: 0;
        list-style-type:none;
    }
    ul
    {
        list-style-type:none;
    }
    li
    {
        background-image: url(../images/bullet_blue_arrow.png); 
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 40px;
        padding-top:0px;
        margin-bottom:25px;
        line-height:1.5;
    }
    .question
    {
        background-image: url(../images/q.png); 
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 50px;
        padding-top:13px;
        margin-left:25px;
        margin-top:70px;
        font-weight:bold;
        font-size:16px;
    }
    .answer
    {
        background-image: url(../images/a.png); 
        background-repeat: no-repeat;
        background-position: left 0px;
        padding-left: 50px;
        margin-left:25px;
        font-size:16px;
    }
    /*--------- LIST FORMATTING ---------*/
    /*--------- LINK FORMATTING ---------*/
    a:link
    {
        color:#D8E6FF;
    }
    a:visited
    {
        color:#75A7FF;
    }
    .aslink
    {
       color:#D8E6FF; 
       text-decoration:underline; 
    }
    /*--------- LINK FORMATTING ---------*/
    /*--------- OTHER FORMATTING ---------*/
    .infohead
    {
        font-size:20px;
        font-family:garamond, arial;
        text-decoration:underline;
    }
    .important
    {
        margin-left:0px;
        font-size:22px;
        font-variant:small-caps;
        color:#FFFF33;
    }
    .importantsmall
    {
        margin-left:0px;
        font-size:15px;
        font-variant:small-caps;
        color:#FFFF33;
    }
    .textmenu
    {
        font-size:12px;
    }
    .smalltext
    {
        font-size:11px;
    }
    /*--------- OTHER FORMATTING ---------*/
/********************************* STANDARD FORMATTING *************************************************/

/********************************* LAYOUT FORMATTING *************************************************/
    #wrapper 
    {
        width: 939px;
        padding: 10px 0px 0px 0px;
        margin: 0px auto 0px auto;
    }
    #headerin
    {
        background: transparent url(../images/background/header_left.png) no-repeat;

    }
    #headerout
    {
        background: transparent url(../images/background/header_right.png) no-repeat scroll top right;

    }
    #containerin
    {
        background: transparent url(../images/background/middle_left.png) repeat-y;
        height:1%;
	    color:White;
	    padding: 10px 20px 10px 10px;
    }
    #containerout
    {
        background: url(../images/background/middle_right.png) repeat-y scroll top right;
        height: 1%;
    }
    #footerin
    {
        background: transparent url(../images/background/footer_left.png) no-repeat scroll bottom left;
        height: 110px;
    }
    #footerout 
    {
        background: transparent url(../images/background/footer_right.png) no-repeat scroll bottom right;
        text-align: center;
        height: 110px;
    }
    #menuin
    {
        background: transparent url(../images/background/middle_left.png) repeat-y;
    }
    #menuout
    {
        background: url(../images/background/middle_right.png) repeat-y scroll top right;
        height: 1%;
        color:White;
    }
    #homepage
    {
        width:74%;
        float:left;
        padding-top:10px;
    }
    #rulesnav 
    {
        width:480px;
        border:none;
        float:right;
        margin-top:-15px;
        text-align:left;
        margin-bottom:-10px;
    }
    #rulesnav a span
    {
        width:130px;
    }
    #rulesnav .three div
    {
        width:31%;
    }
    #rulesnav .row div
    {
        border:none;
    }
    .menu
    {
        padding-left:11px;
    }
    .column
    {
        float: left;
        padding: 0px 0px 0px 20px; 
    }
    .linklist
    {
        margin-left:100px;
    }
    .clearer 
    {
        font-size: 0px;
        line-height: 0px;
        display: block;
        margin: 0px;
        padding: 0px;
        clear: both;
        height: 0px;
        width: auto;
    }
/********************************* LAYOUT FORMATTING *************************************************/

/********************************* BUTTONS *************************************************/
    a.buttonlarge
    {
        background: transparent url(../images/buttons/buttonlarge_right.png) no-repeat scroll top right; 
        display: block;
        float: left;
        height: 65px; /* IMAGE HEIGHT */
        margin-right: 6px;
        padding-right: 20px; /* RIGHT IMAGE WIDTH */
        /* FONT PROPERTIES */
        text-decoration: none;
        text-align:center;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-size:16px;
        font-weight:bold;
    }
    a.buttonlarge:hover 
    {
        background: transparent url(../images/buttons/buttonlarge_right_hover.png) no-repeat scroll top right; 
        cursor:pointer;
    }
    a.buttonlarge:active
    {
        background: transparent url(../images/buttons/buttonlarge_right_click.png) no-repeat scroll top right; 
    }
    a.buttonlarge span 
    {
        background: transparent url(../images/buttons/buttonlarge_left.png) no-repeat; 
        display: block;
        float:left;
        line-height: 17px; /* BUTTON HEIGHT */
        padding: 3px 0px 5px 8px;
        white-space:pre-wrap;
    }
    a.buttonlarge:hover span
    {
        background: transparent url(../images/buttons/buttonlarge_left_hover.png) no-repeat;
        text-decoration:underline;
        cursor:pointer;
    }
    a.buttonlarge:active span
    {
        background: transparent url(../images/buttons/buttonlarge_left_click.png) no-repeat;
        text-decoration:underline;
    }
    a.buttonmedium
    {
        background: transparent url(../images/buttons/buttonmedium_right.png) no-repeat scroll top right; 
        display: block;
        float: left;
        height: 50px; /* IMAGE HEIGHT */
        margin-right: 6px;
        padding-right: 15px; /* RIGHT IMAGE WIDTH */
        /* FONT PROPERTIES */
        text-decoration: none;
        text-align:center;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight:bold;
    }
    a.buttonmedium:hover 
    {
        background: transparent url(../images/buttons/buttonmedium_right_hover.png) no-repeat scroll top right; 
        cursor:pointer;
    }
    a.buttonmedium:active
    {
        background: transparent url(../images/buttons/buttonmedium_right_click.png) no-repeat scroll top right; 
    }
    a.buttonmedium span 
    {
        background: transparent url(../images/buttons/buttonmedium_left.png) no-repeat; 
        display: block;
        float:left;
        line-height: 16px; /* BUTTON HEIGHT */
        padding: 7px 0 7px 8px;
        white-space:pre-wrap;
    }
    a.buttonmedium:hover span
    {
        background: transparent url(../images/buttons/buttonmedium_left_hover.png) no-repeat;
        text-decoration:underline;
        cursor:pointer;
    }
    a.buttonmedium:active span
    {
        background: transparent url(../images/buttons/buttonmedium_left_click.png) no-repeat;
        text-decoration:underline;
    }
    a.buttonsmall
    {
        background: transparent url(../images/buttons/buttonsmall_right.png) no-repeat scroll top right; 
        display: block;
        float: left;
        height: 40px; /* IMAGE HEIGHT */
        margin-right: 6px;
        padding-right: 15px; /* RIGHT IMAGE WIDTH */
        /* FONT PROPERTIES */
        text-decoration: none;
        text-align:center;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight:bold;
    }
    a.buttonsmall:hover 
    {
        background: transparent url(../images/buttons/buttonsmall_right_hover.png) no-repeat scroll top right; 
        cursor:pointer;
    }
    a.buttonsmall:active
    {
        background: transparent url(../images/buttons/buttonsmall_right_click.png) no-repeat scroll top right; 
    }
    a.buttonsmall span 
    {
        background: transparent url(../images/buttons/buttonsmall_left.png) no-repeat; 
        display: block;
        float:left;
        line-height: 14px; /* BUTTON HEIGHT */
        padding: 10px 0 5px 8px;
        white-space:pre-wrap;
    }
    a.buttonsmall:hover span
    {
        background: transparent url(../images/buttons/buttonsmall_left_hover.png) no-repeat;
        text-decoration:underline;
        cursor:pointer;
    }
    a.buttonsmall:active span
    {
        background: transparent url(../images/buttons/buttonsmall_left_click.png) no-repeat;
        text-decoration:underline;
    }
    .buttonlargeimage
    {
        float:left;
        border:none;
        margin-right:10px;
        margin-top:0px;
    }
    .buttonmediumimage
    {
        float:left;
        border:none;
        margin-right:10px;
        margin-top:-10px;
    }
    .buttonsmallimage
    {
        float:left;
        border:none;
        margin-right:10px;
        margin-top:-10px;
    }
/********************************* BUTTONS *************************************************/

/********************************* BOX CONTAINER *************************************************/
    #boxtop
    {
        background:url(../images/box/topbox_left.png) no-repeat;
        display: block;
        float:left;
        padding: 0px 0px 0px 0px;
        width:100%;
    }
    #boxtopout
    {
        background: transparent url(../images/box/topbox_right.png) no-repeat scroll top right; 
        display: block;
        float: left;
        padding: 0px 10px 0px 0px;
        margin-bottom:40px;
    }
    #boxmiddle
    {
        background:url(../images/box/middlebox_left.png) repeat-y;
        display: block;
        float:left;
        height:1%;
        color:Black;
        padding: 0px 0px 0px 0px;
        width:auto;
    }
    #boxbottom div
    {
       padding:10px;
    }
    #boxmiddle a:link
    {
        color:Blue;
    }
    #boxmiddle a:visited
    {
        color:Purple;
    }
    #boxmiddleout
    {
        background: transparent url(../images/box/middlebox_right.png) repeat-y scroll top right; 
        display: block;
        float: left;
        color:Black;
        padding: 0px 0px 0px 0px;
        margin-right:-8px;
        margin-top:30px;
        width:auto;
    }
    #boxbottom
    {
        background:url(../images/box/bottombox_left.png) no-repeat scroll bottom left;
        display: block;
        float:left;
        padding: 0px 0px 20px 0px;
        width:auto;
    }
    #boxbottomout
    {
        background: transparent url(../images/box/bottombox_right.png) no-repeat scroll bottom right; 
        display: block;
        float: left;
        color:Black;
        padding: 0px 10px 0px 0px;
        margin-bottom:-30px;
        margin-right:-2px;
    }
    #compatibility
    {
        text-align:center;
        font-size:xx-large;
        color:Yellow;
    }
/********************************* BOX CONTAINER *************************************************/
/********************************* TABLE *********************************************************/
    .table 
    {
        display:table;
        border:solid 1px;
        border-top:none;
        border-bottom:none;
        border-right:none;
        border-spacing:15px;
        border-collapse:collapse;
        text-align:center;
    }
    .row 
    {
        clear:both;
        display:table-row;
        width:auto;
    }
    .row div
    {
        float:left;
        display:table-cell;
        border-right: solid 1px;
        border-bottom: solid 1px;
        border-top: solid 1px;
        padding: 10px 5px 10px 5px;
    }
    .one div
    {
        width:98.6%;
    }
    .two div
    {
        width:48.7%;
    }
    .three div
    {
        width:30%;
    }
    .four div
    {
        width:24.9%;
    }
    .five div
    {
        width:19.9%;
    }
    .six div
    {
        width:16.6%;
    }
    .row .rowexpander /* For printing in IE bug */
    {
        height:1px;
        margin-top:-23px;
        border:none;
        display:none;
    }
/********************************* TABLE *********************************************************/