/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

/* CSS Reset */
* { margin:0; padding:0; }

body {
    background:#dfe8ec url(images/page_bg.png) repeat-x 0 0;
    text-align:center;
  }

#container {
    margin: 0 auto; width: 940px; text-align:left;
    background:#000000;
  }

#logo_bar {
    height:50px;
    width:940px;
    margin:0px auto 0  auto;
    text-align:left;
    background:#000000 url(images/logo_bg.png) repeat-x 0 0;
  }

#logo_bar h1
{
    display:block;
    float:left;
    margin:0 auto auto 15px;
    width:210px;
    height:50px;
    background:url(images/fam-p-logo.png)  no-repeat 0 0;
    text-indent:-10000px;
}

/* Style the main menu */
#main_mnu_bar
{
    height:30px;
    width:940px;
    margin:0px auto 0  auto;
    text-align:left;
    background:#000000 url(images/main-mnu-bg.png) repeat-x 0 0;
}

/* The menu is basically a list */
#main_mnu_bar ul
{
    float:left;
    list-style:none;
    margin: 8px 0 0 10px;
}

#main_mnu_bar ul li
{
    float:left;
    font-size: 11px;
    font-family: Verdana,Helvetica,sans-serif;
}

#main_mnu_bar li a
{
     color: white;
     padding:8px 10px;
     text-decoration: none;
}

#main_mnu_bar ul li a:hover
{
    color: #fff;
    background-color:#0b75b2;
    text-decoration: underline;
}

/* The main image on the index page */
#index_main_img_bar
{
    margin:1px 0 0 0;
}

/* The middle bar on the index page */
#index_middle_bar
{
    height:40px;
    width:940px;
}

#index_middle_bar a
{
    float:left;
    color: white;
    padding:12px 10px 0 20px;
    font-size: 12px;
    font-family: Verdana,Helvetica,sans-serif;
    font-weight:bold;
    text-decoration: none;
}

#index_middle_bar a:hover
{
    color: #ff9a66;
    text-decoration: underline;
}

/* The middle navigator container that contains the 3 the call to action columns */
#index_middle_nav_container
{
    float:left;
    height:190px;
    width:940px;
    margin:0px auto 0  auto;
    text-align:left;
    background:#000000 url(images/bottom-nav-bg.png) repeat-x 0 0;
}

/* box is one of the 3 cells, it contains a icon in a seperate div */
/* and 2 text elements and a hyperlink */
.box
{
    float:left;
    width:33%;
    height:190px;
}

/* this is the icon positioned in its div */
#icon
{
    float:left;
    padding:18px 0 0 9px;
    height:172px;                /* give it a height so the text does not flow beneath it */
    width:80px;
}

#text
{
    float:left;
    padding:0px 0 0 9px;
    height:100%;                /* give it a height so the text does not flow beneath it */
    width:205px;
}

/* the next 3 elements are contained in the 2nd div within the box */
/* total size 190px = 58 + 100 + 32

/* total size = 58 */
.box h2
{
    display:block;
    font:bold 18px  Arial, Verdana, Helvetica, sans-serif;
    color:black;
    margin:18px 0 0 0;
    height:40px;
}

/* total size = 100 */
.box p
{
    display:block;
    font:12px  Arial, Verdana, Helvetica, sans-serif;
    color:black;
    height:100px;
}

/* total size = 32 */
.box a
{
    display:block;
    height:32px;
    font:bold 12px  Arial, Verdana, Helvetica, sans-serif;
    color:#2a5ea6;
    text-decoration: none;
}

.box a:hover
{
    color: #ff9a66;
    text-decoration: underline;
}

/* the footer */
#footer_bar
{
    clear:both;
    height:40px;
    width:940px;
    background:url(images/footer_bg.png) repeat-x 0 0;
}

#footer_bar h3
{
    font:12px  Arial, Verdana, Helvetica, sans-serif;
    color:#999999;
    padding:10px 0 0 18px;
}

#footer_bar a
{
    font:12px  Arial, Verdana, Helvetica, sans-serif;
    color:#999999;
    text-decoration: none;
}

#footer_bar a:hover
{
    color: #ff9a66;
}

/**************************************/
/* Content Container                  */
/* contains a menu and a content area */
/**************************************/

#content_container
{
    width:940px;
    background:#fff;
    overflow: auto;
}

/**************************************/
/*- Menu 5- Vertical Menu             */
/**************************************/

#sub_menu
{
    float:left;
    width:240px;
    background:#ffffff;
}

#sub_menu h2
{
    margin:15px 0 0 15px;
    height:30px;
    background: url(images/navigation-logo.png) no-repeat 0 0;
    text-indent:-10000px;
}

#sub_menu h3
{
    margin:15px 0 0 15px;
    height:30px;
    background: url(images/engine-programming-logo.png) no-repeat 0 0;
    text-indent:-10000px;
}


#menu5
{
    width: 200px;
    margin: 10px;
}

#menu5 ul
{
    list-style: none;
}

#menu5 li a
{
     margin: 2px 0 2px 0;
}

#menu5 li a
{
    height: 32px;
    font:bold 12px  Arial, Verdana, Helvetica, sans-serif;
    height: 24px;
    text-decoration: none;
}

#menu5 li a:link, #menu5 li a:visited
{
    color: #FFF;
    display: block;
    background:  url(images/menu5.gif);
    padding: 8px 0 0 10px;
}

#menu5 li a:hover
{
    color: #FFF;
    background:  url(images/menu5.gif) 0 -32px;
    padding: 8px 0 0 10px;
}

/**************************************/
/*- Content Area                      */
/**************************************/

#content
{
    float:left;
    width:700px;
    background:#fff;
    font:12px  Arial, Verdana, Helvetica, sans-serif;
}

#content h2
{
    width:680px;
    height:40px;
    padding:18px 0 0 4px;
    background: url(images/content-header-bg.png) repeat-x 0 0;
    font:bold 16px  Arial, Verdana, Helvetica, sans-serif;
    color:#417baa;
}

#content h3
{
    padding: 10px 0 10px 0;
    font:bold 12px Arial, Verdana, Helvetica, sans-serif;
    color:#ff6600;
}

#content h4
{
    padding: 2px 0 0px 0;
    font:bold 12px Arial, Verdana, Helvetica, sans-serif;
    color:#0044ff;
}


#content a
{
    font:bold 12px  Arial, Verdana, Helvetica, sans-serif;
    color:#2a5ea6;
    text-decoration: none;
}

#content a:hover
{
    color: #ff9a66;
    text-decoration: underline;
}

/***************************************************************************************
 * specific elements for the contact and work page                                     *
 ***************************************************************************************/

#contact_content_column_1
{
   float:left;
   width:33%;
}

#contact_content_column_2
{
   float:left;
   width:67%;
}

.iconlist
{
    list-style: none;
}

.iconlist li
{
    list-style: none;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 10px 0 10px 20px;
    margin: 5px 0;
    text-indent: 30px;
}

li.email
{
    background-image: url(images/email.png);
}

li.xing
{
    background-image: url(images/xing.png);
}

li.facebook
{
    background-image: url(images/facebook.png);
}

li.blogger
{
    background-image: url(images/blogger.png);
}

li.flickr
{
    background-image: url(images/flickr.png);
}

/* a list with a little green check as symbol */
.bulletlist
{
    list-style: none;
}

.bulletlist li
{
    list-style: none;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(images/checked.png);
    padding: 5px 0 5px 20px;
    margin: 0 0;
    text-indent: 20px;
}

/***************************************************************************************
 * specific elements for the chess programming pages                                     *
 ***************************************************************************************/

 p#chessProgHeader
 {
    display: block;
    position:relative;
    float: left;
    margin:20px 0 20px 0;
    width:100%;
    height:200px;
    background:#000000 url(images/CP-header.jpg) no-repeat 0 0;
    text-indent:-10000px;
 }

 .dlPackageContent
 {
    display:block;
    margin:80px 0 0 472px;
    font:10px Arial, Verdana, Helvetica, sans-serif;
    text-indent:0;
 }

 a#dlBtnGreen
 {
    display:block;
    width:202px;
    height:52px;
    background: url(images/dl-btn-green.png) no-repeat 0 0;
    margin:10px 0 0 472px;
 }

 a:hover#dlBtnGreen
 {
   background-position: 0 -52px;
 }

 p#chessText
 {
   margin: 5px 45px 5px 5px;
 }

.blueText
{
    font: bold 16px  Arial, Verdana, Helvetica, sans-serif;
    color:#2d6a9e;
}

.multiLineBulletList
{
    list-style: none;
}

.multiLineBulletList li
{
    list-style: none;
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-image: url(images/checked.png);
    padding: 5px 10px 5px 20px;
    margin: 0 0;
    text-indent: 0px;
}

img.right
{
  float : right;
  margin : 0 25px 5px 10px;  /* Top, Right, Bottom, Left */
}

img.left
{
  float : left;
  margin : 0 10px 5px 0px;
}

h1.chessTextH1
{
    font:bold 16px  Arial, Verdana, Helvetica, sans-serif;
    color:#417baa;
    margin : 10px 0px 20px 0px;
}

h4.chessTextH4
{
    font:bold 12px  Arial, Verdana, Helvetica, sans-serif;
    color:#ff6600;
    margin : 10px 0px 10px 0px;
}

/***************************************************************************************
 * specific elements for the chess programming download page                           *
 ***************************************************************************************/

#cp_dl_logo_bar
{
    height:180px;
    width:700px;
    margin:15px auto 15px  auto;
    text-align:left;
    background:#ffffff url(images/CP-download-header.jpg) repeat-x 0 0;
    text-indent:-10000px;
}

/* the div that contains a download item, which is some text and a button */
.cp_dl_item
{
    position:relative;
    height:85px;
    width:670px;
    margin:10px auto 10px  auto;
    text-align:left;
    background:#f6f6f6;
    text-indent:-10000px;
}

.cp_dl_item_h1
{
    text-indent:0px;
    font:bold 18px  Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    margin:0px 0 0 10px;
    padding:10px 0 0 0;
}

.cp_dl_item_h2
{
    text-indent:0px;
    font:bold 10px  Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    line-height: 150%;
    margin:0 0 0 10px;
    padding:15px 0 5px 0px;
}

.cp_dl_btn_green
{
    float:right;
    position:absolute;
    top:20px;
    right:30px;
    width:202px;
    height:52px;
    background: url(images/dl-btn-green.png) no-repeat 0 0;
}

.cp_dl_btn_green:hover
{
    background-position: 0 -52px;
}

.cp_dl_btn_blue
{
    float:right;
    position:absolute;
    top:20px;
    right:30px;
    width:202px;
    height:52px;
    background: url(images/dl-btn-blue.png) no-repeat 0 0;
}

.cp_dl_btn_blue:hover
{
    background-position: 0 -52px;
}

.cp_dl_btn_red
{
    float:right;
    position:absolute;
    top:20px;
    right:30px;
    width:202px;
    height:52px;
    background: url(images/dl-btn-red.png) no-repeat 0 0;
}

.cp_dl_btn_red:hover
{
    background-position: 0 -52px;
}

.cp_dl_btn_book_small
{
    float:right;
    position:absolute;
    top:50px;
    right:330px;
    width:138px;
    height:30px;
    background: url(images/book-btn-small.png) no-repeat 0 0;
}

.cp_dl_btn_book_small:hover
{
    background-position: 0 -30px;
}

.cp_dl_btn_book_medium
{
    float:right;
    position:absolute;
    top:50px;
    right:180px;
    width:138px;
    height:30px;
    background: url(images/book-btn-medium.png) no-repeat 0 0;
}

.cp_dl_btn_book_medium:hover
{
    background-position: 0 -30px;
}


.cp_dl_btn_book_large
{
    float:right;
    position:absolute;
    top:50px;
    right:30px;
    width:138px;
    height:30px;
    background: url(images/book-btn-large.png) no-repeat 0 0;
}

.cp_dl_btn_book_large:hover
{
    background-position: 0 -30px;
}

/***************************************************************************************
 * specific elements for the photo album pages                                         *
 ***************************************************************************************/

 #pa_iframe_box
 {
    float:left;
    width:510px;
    height:510px;
    margin:10px 0 10px 0;
    background:#ffffff url(images/black-iframe-bg.jpg) no-repeat 0 0;
 }

 #pa_badge_box
 {
    float:right;
    width:150px;
    background:#ffffff;
    margin:10px 20px auto auto;
 }

/***************************************************************************************
 * specific elements for the chess programming tutorials                               *
 ***************************************************************************************/

#cp_iconbar
{
    height:32px;
    width:70px;
    margin:5px 20px 0px auto;
    background:#ffffff;
}

#cp_tutorial_logo_bar
{
    height:120px;
    width:700px;
    margin:0px auto 15px  auto;
    text-align:left;
    background:#ffffff url(images/CP-tutorial-hdr.jpg) repeat-x 0 0;
    text-indent:-10000px;
}

.uciprotocol
{
    margin : 10px 0px 10px 0px;
    padding: 5px 0 5px 0;
    width: 650px;
    background:#cccccc;
}

.ucicmd
{
    display:block;
    width:590px;
    font:bold italic 10px  Arial, Verdana, Helvetica, sans-serif;
    color:#417baa;
    background:#cccccc;
    padding: 0 0 0 20px;
    margin : 2px 0px 2px 5px;
    text-indent:-10px;
}

.uciresponse
{
    display:block;
    width:590px;
    font:10px  Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    background:#cccccc;
    padding: 0 0 0 20px;
    margin : 0px 0px 0px 5px;
    text-indent:-10px;
}

.tournament_header
{
    display:block;
    width:650px;
    font:10px  Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    background:#eeeeee;
    padding: 5px 0 5px 10px;
    margin : 15px 0px 0px 0px;
    text-indent:0px;
}

.tournament_footer
{
    display:block;
    width:650px;
    font:bold 10px  Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    padding: 5px 0 5px 10px;
    margin : 5px 0px 0px 0px;
    text-indent:0px;
}

.tournament_table
{
    background:url("images/page_bg.png");
    border-width: 1px;
    border-spacing: 0px;
    border-style: outset;
    border-color: gray;
    border-collapse: collapse;
}

.tournament_table th
{
        font:11px  Arial, Verdana, Helvetica, sans-serif;
        border-width: 1px;
        padding: 3px;
        border-style: inset;
        border-color: white;
        -moz-border-radius: 0px 0px 0px 0px;
}

.tournament_table td
{
        font:11px  Arial, Verdana, Helvetica, sans-serif;
        width:40px;
        border-width: 1px;
        padding: 3px;
        border-style: inset;
        border-color: white;
        -moz-border-radius: 0px 0px 0px 0px;
}

.tournament_table_selected_row
{
        color:white;
        background:#777777;
}

.greentext
{
    font: bold 10px  Arial, Verdana, Helvetica, sans-serif;
    color:#009900;
}

.cppsource_tab0
{
    display:block;
    width:590px;
    font:12px  Consolas, Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    background:#eeeeee;
    padding: 2px 0 2px 20px;
    margin : 0px 0px 0px 5px;
    text-indent:0px;
}

.cppsource_tab1
{
    display:block;
    width:590px;
    font:12px  Consolas, Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    background:#eeeeee;
    padding: 2px 0 2px 20px;
    margin : 0px 0px 0px 5px;
    text-indent:20px;
}

.cppsource_tab2
{
    display:block;
    width:590px;
    font:12px  Consolas, Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    background:#eeeeee;
    padding: 2px 0 2px 20px;
    margin : 0px 0px 0px 5px;
    text-indent:40px;
}

.cppsource_tab3
{
    display:block;
    width:590px;
    font:12px  Consolas, Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    background:#eeeeee;
    padding: 2px 0 2px 20px;
    margin : 0px 0px 0px 5px;
    text-indent:60px;
}

.cpp_bluetext
{
   font:12px Consolas, Arial, Verdana, Helvetica, sans-serif;
   color:#0055cc;
}

.cpp_greentext
{
   font:12px;
   color:#157715;
}

.cpp_redtext
{
   font:12px;
   color:#771515;
}

/***************************************************************************************
 * iCE Mainpage                                                                         *
 ***************************************************************************************/

#cp_ice_main_logo_bar
{
    height:241px;
    width:700px;
    margin:5px auto 15px auto;
    text-align:left;
    background:#ffffff url(images/ice4-page.jpg) repeat-x 0 0;
    text-indent:-10000px;
}

.cp_ice_dl_item
{
    position:relative;
    height:75px;
    width:670px;
    margin:0px 0px 20px 0px;
    text-align:left;
    background:#ddddff;
    text-indent:-10000px;
}

.cp_ice_dl_item_h1
{
    text-indent:0px;
    font:bold 18px  Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    margin:10px 0px 0px 250px;
    padding:10px 0 0 0;
}

.cp_ice_dl_item_h2
{
    text-indent:0px;
    font:bold 10px  Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    line-height: 150%;
    margin:0 0 0 250px;
    padding:15px 0 5px 0px;
}

.cp_ice_dl_btn_green
{
    float:left;
    position:absolute;
    top:10px;
    left:10px;
    width:202px;
    height:52px;
    background: url(images/dl-btn-green.png) no-repeat 0 0;
}

.cp_ice_dl_btn_green:hover
{
    background-position: 0 -52px;
}

/***************************************************************************************
 * Cluster Map                                                                         *
 ***************************************************************************************/

#clustrmaps-widget
{
    top: 50px;
    width: 200px;
    margin: 10px;
}