body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0; padding:0;}
table{border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* set some default style */
*
{
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
}

a
{
    color: #666666;
    /* jangan buang komen ni..
    font-size: inherit;
    background-color: transparent;
}
*/
 }    
a:hover
{
    color: red;
    background-color: transparent;
}

h1 *,
h2 *,
h3 *,
h4 *
{
    font-family: inherit;
    font-size: inherit;
}

p
{
    margin: 0px 0px 3px 0px;
}

h1
{
    font-size: 160%;
    font-weight: 800;
    color: #5A5A5A;
}

h2
{
    font-size: 140%;
    color: #016DAB;
    padding: 5px 0px 5px 0px;
}

h3
{
    font-size: 125%;
    font-weight: 800;
    color: #5A5A5A;
    padding: 5px 0px 5px 0px;
}

h4
{
    font-size: 120%;
    font-weight: 200;
    color: #333333;
    padding: 5px 0px 5px 10px;
}
ul li {
    margin: 0 0 0 17px;
    padding-left : 0px;
    list-style-image: url("/pics/page/li_right.gif");
}


body
{
    margin: 0px;
    padding: 2px 5px;
    color: #333333;
    background-color: white;
}

img
{
    border: 0px;
}

input,
select,
textarea
{
    border: 1px solid #D1D1D1;
}

input[type='radio'],
input[type='checkbox']
{
    border: none;
}

input.image
{
    border: 1px solid transparent;
}

form input.submit_image {
    border: none;
}

div.subline {
    font-size: 125%;
}

/* Common style for sideboxes */
div.sidebox *
{
    font-size: 11px;
}

div.sidebox h2
{
    font-size: 130%;
    margin-bottom: 5px;
    margin-top: 10px;
}

div.sidebox h3
{
    font-size: 120%;
    color: #333333;
    margin-bottom: 5px;
    margin-left: 3px;
}

div.sidebox h4
{
    font-size: 110%;
}

div.sidebox p
{
    padding: 5px 0px 0px 0px;
}

/* content_list */
div.content_extra
{
}

div.content_extra div.content_list
{
    background-color: #F9F9F9;
    padding: 5px 0px;
}

div.content_extra div.content_list .navigation
{
    float: right;
}

div.content_extra div.content_list .list
{
    margin-top: 10px;
}

div.content_list .navigation
{
    text-align: right;
    padding: 0px 2px 2px 2px;
}

div.content_list .main_navigation
{
    margin: 0px 0px 10px 0px;

    border-bottom: 1px solid #EBEFF3;
    border-top: 1px solid #EBEFF3;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: Tahoma, Arial, Sans-serif;
    font-size: 11px;
}

div.content_list .main_navigation h3
{
    float: left;
    font-size: 15px;
    color: #016DAB;
    font-weight: 800;
    padding-left: 20px;
    line-height: 20px;
}

div.content_list .main_navigation h3 img
{
    vertical-align: top;
}

div.content_list .main_navigation div.links
{
    text-align: right;
    line-height: 20px;

    color: #666666;
    font-family: Tahoma, Arial, Sans-serif;
    font-size: 100%;
    font-weight: normal;

    padding-right: 20px;
}

div.content_list .main_navigation div.links a
{
    padding: 3px 6px 3px 6px;
    border: 1px solid #9AAFE5;
    margin-right: 2px;
    margin-left: 0px;
    text-decoration: none;
}

div.content_list .main_navigation div.links a:hover
{
    border: 1px solid #2E6AB1;
}

div.content_list .main_navigation div.links a.selected
{
    font-weight: 800;
    color: #FFFFFF;
    background-color: #3366CC;
    border: 1px solid #3366CC;
}

div.content_list .main_navigation div.links a.previous, div.content_list .main_navigation div.links a.next {
    font-weight: 800;
}

div.content_list .main_navigation div.links span.previousNextDisabled {
    font-size: 100%;
    font-weight: 800;
    padding: 3px 6px 3px 6px;
    margin-right: 2px;
    color: #b0b0b0;
    border: 1px solid #b0b0b0;
}

div.content_list .list div.box
{
    display: block;
    float: left;
    width: 114px;
    height: 190px;
    margin: 0px 5px 15px 5px;
    padding: 0px 0px 10px 0px;
}

div.content_extra div.content_list .list div.box
{
    height: auto;
    margin: 0px 5px 15px 5px;
    padding: 0px 0px 10px 0px;
}

div.content_list .list div.gallery_box
{
    display: block;
    float: left;
    width: 180px;
    min-height: 160px;
    margin: 5px 5px 15px 5px;
    padding: 8px 0px 10px 0px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
}

div.content_list .list div.gallery_box:hover {
    background-color: #BBBBBB;
}

div.content_list .list div.gallery_box h3
{
    padding: 0px 0px;
}

div.content_list .list div.box img,
div.content_list .list div.gallery_box img
{
    max-width: 110px;
    max-height: 110px;
}

div.content_list .list div.box .img_box,
div.content_list .list div.gallery_box .img_box
{
    width: 110px;
    height: 120px;
    text-align: center;
    position: relative;
}

div.content_list .list div.gallery_box .img_box {
    text-align: center; /* for IE */
    line-height: 110px;
    margin-left: auto;
    margin-right: auto;
}

div.content_list .list div.box .img_box img
{
    border: 1px solid #B9B9B9;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

div.content_list .list div.gallery_box .img_box img {
    text-align: left; /* for IE */
    vertical-align: bottom;
    margin-top: 4px;
}

div.content_list .list div.box .txt_box *
{
    font-size: 10px;
    color: #666666;
}

div.content_list .list div.box .txt_box
{
    font-size: 10px;
    font-weight: 800;

    text-align: left;
    width: 110px;
    /*min-height: 105px;*/

    overflow: hidden;
}

div.content_list .list div.gallery_box .txt_box
{
    font-weight: 800;
    text-align: center;
    font-size: 80%;
    overflow: hidden;
}

div.content_list .list div.gallery_box .txt_box p
{
    text-align: center;
    margin: auto;
    font-size: 10px;
    color: #666666;
}

div.content_list .list div.gallery_box .txt_box h3
{
    margin-top: 8px;
    white-space: nowrap;
}

div.content_list .list .txt_box p
{
    text-align: left;
    margin: 2px 0px 5px 0px;
}

div.content_list .list .txt_box a
{
    text-decoration: none;
}

div.content_list .list .txt_box .actions a
{
    text-decoration: underline;
}

div.content_list .list .txt_box .licenses
{
    color: #B9B9B9;
    margin: 6px 0px;
}

div.content_list .list .txt_box .numbers span
{
    color: #B9B9B9;
    padding: 0px 15px 2px 0px;
    background-repeat: no-repeat;
    background-position: right 0px;
    margin-right: 6px;
}

div.content_list .nb_views,
div.content_list .nb_downloads,
div.content_list .price_base
{
    color: #B9B9B9;
    padding: 0px 15px 2px 0px;
    background-repeat: no-repeat;
    background-position: right 0px;
    margin-right: 6px;
}

div.content_list .nb_views
{
    background-image: url(images/icon_view.gif);
}

div.content_list .nb_downloads
{
    background-image: url(images/icon_download.gif);
}

div.content_list .price_base
{
    background-image: url(images/icon_credit.gif);
}

div.content_list table
{
    margin: 0.5% 0;
    width: 100%;
    border: 1px solid #444444;
    border-collapse: collapse;
}

div.content_list table td
{
    border: 1px solid #BBBBBB;
    border-color: #444444 #BBBBBB;
}

div.content_list h3
{
    padding: 2px 3px;
}

/* toolTip */

div.PaTooltipObject
{
    position: absolute;
    z-index: 255;
}

div.PaTooltipObject div
{
    text-align: center;
    padding: 5px;
    border: 1px solid #000000 !important;
    background-color: #FFFFFF;
}

div.PaTooltipObject div h1
{
    margin-bottom: 3px;
}

div.PaTooltipObject div img
{
    margin: auto;
}

/* list */
#list
{
    margin: 0;
    margin-top: 10px;
    padding: 0;
    list-style-type: none;
    width: 250px;
}

#list li
{
    margin: 0;
    margin-bottom: 4px;
    padding: 5px;
    border: 1px solid #888;
    cursor: move;
}

/* clear */
.clear
{
    clear: both;
    font-size: 0px;
    height: 0px;
}

.clear_right
{
    clear: right;
    font-size: 0px;
    height: 0px;
}

.clear_left
{
    clear: left;
    font-size: 0px;
    height: 0px;
}

/* link */
a.loading
{
    color: #FF0000;
    background-color: inherit;
}

/* ajax callbacks */
.acknowledgement
{
    color: #FF0000 !important;
    text-decoration: none !important;
}

.small_acknowledgement
{
    color: #000000 !important;
    text-decoration: none !important;
}

/* content_details */
.content_details *
{
    font-size: 11px;
}

div.content_details p
{
    margin: 7px 0px 14px 0px;
}

div.content_details
{
    color: #545454;
    padding-top: 10px;
    text-align: center;
}

div.content_details h3
{
    color: #016DAB;
}

div.content_details div.navigation
{
    margin: 0px;
    padding: 5px;
}

div.content_details table,
div.content_details div.content_list
{
    text-align: left;
    width: 95%;
    margin: 10px auto;
}

div.content_details div.content_list p,
div.content_details div.content_list h3
{
    margin: 0px;
    padding: 5px;
}

div.license_choice_tab
{
    text-align: left;
    width: 95%;
    margin: 10px auto -13px auto;
}

div.content_details table.license_choice
{
    border: 1px solid #E0E0E0;
    border-collapse: collapse;
}

div.content_details table.license_choice th
{
    border-bottom: 1px solid #5A5A5A;
    font-weight: 800;
    padding: 3px 2px 3px 2px;
}

div.content_details table.license_choice tr th.link,
div.content_details table.license_choice tr td.link
{
    text-align: center;
    vertical-align: middle;
    border: none;
}

div.content_details table.license_choice tr th.link
{
    border-bottom: 1px solid #5A5A5A;
}

div.content_details table.license_choice tr.r0
{
    background-color: #E0E0E0;
}

div.content_details table.license_choice tr.r1
{
    background-color: #FFFFFF;
}

div.content_details table.license_choice tr td
{
    text-align: left;
    vertical-align: middle;
    border: none;
    padding: 3px 2px 3px 2px;
    white-space: nowrap;
    overflow: hidden;
}

div#content p.member_index, div#content p.member_index b
{
    color: #000000;
    font-size: 12px;
}

div#content p.member_index img
{
    vertical-align: middle;
}

div#content .upload_ftp .connection_parameters_area
{
    background-color: #eff6f7;
    margin-bottom: 10px;
    padding: 5px;
}

div#content .upload_ftp .connection_parameters_area td
{
    padding: 3px;
}

div#content .upload_ftp .connection_parameters_area p.login_tip
{
    margin-top: 10px;
    font-style: italic;
}

div#content .upload_ftp table.ftp_modes
{
    width: 100%;
}

div#content .upload_ftp table.ftp_modes td
{
    vertical-align: top;
    width: 50%;
}

div#content #upload_progress
{
    display: none;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    border: 1px solid #c0c0c0;
    margin-top: 10px;
}

div#content #upload_progress #upload_progress_bar
{
    width: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    background-color: #DAE0ED;
    z-index: 0;
}

div#content #upload_progress #upload_progress_text
{
    position: relative;
    z-index: 1;
    text-align: center;
    color: black;
}

div#content #upload_progress_finish
{
    display: none;
    margin: 10px;
}

div#content .credits_state_legend,
div#content .license_uses_legend,
div#content .license_suited_formats_legend
{
    margin: 10px 10px 20px 10px;
}

div#content .credits_state_legend p,
div#content .license_uses_legend p ,
div#content .license_suited_formats_legend p
{
    margin-bottom: 8px;
}

div#content .credits_state_legend p img,
div#content .license_uses_legend p img,
div#content .license_suited_formats_legend p img
{
    vertical-align: middle;
    margin-right: 15px;
}

/* footer*/
#footer
{
    margin: 10px 0px;
    padding-top: 0;
    background: #F9F9F9;
}

#footer *
{
    font-family: Tahoma, Verdana, Sans-serif;
    font-size: 11px;
}

.info_links
{
    background-color: #F9F9F9;
    text-align: center;
    clear: both;
    position: relative;
}

.info_links_details
{
    width: 770px;
    margin: 10px auto;
    position: relative;
}

.info_links_details div
{
    float: left;
    width: 120px;
    margin-right: 10px;
    padding-right: 30px;
    border-color: #CECECE;
    border-style: solid;
    border-width: 0 1px 0 0;
}

.info_links_details div.last
{
    border-width: 0;
    padding-right: 0;
    margin-right: 0;
}

#footer .info_links_details h3
{
    font-family: Arial,Helvetica,Sans serif;
    color: #186FA5;
    font-weight: bold;
    font-size: 12px;
    margin: 5px auto;
    text-align: left;
}

.info_links_details ul li
{
    list-style-type: none;
    list-style-image: none;
    text-align: left;
    margin: 0;
}

#footer .info_links_details a
{
    font-family: Arial,Helvetica,Sans serif;
    font-weight: normal;
    font-size: 11px;
    color: #292929;
    text-decoration: none;
}

#footer .info_links_details a:hover
{
    color: #292929;
    text-decoration: underline;
}

.copyright
{
    position: relative;
    margin: 3px 0px;
    background: #ECECEC;
    padding: 3px 0px;
    text-align: center;
    vertical-align: middle;
}

/* popup */
#popup #content {
    margin: 10px 10px 10px 10px;
}

#popup  #header div.inner {
    margin-left: 125px;
}

#popup #close {
    float: right;
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-right: 5px;
}

#popup .subline {
    display: block;
}

/* sideboxes */
.sidebox
{
    position: relative;
    min-height: 380px;
    background: url(images/slogan_bg.gif) 10px 0px no-repeat;
    padding: 5px 12px 1px 15px;
    overflow: hidden;
}

.sidebox h1 {
    font-size: 16px;
    font-weight: 800;
    text-transform: none;
}

.sidebox .ranking table {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sidebox .ranking table tr th
{
    font-weight: 800;
    padding: 0px 2px 4px 0px;
    color: #5a5a5a;
}

.sidebox ul
{
    list-style-type: none;
    margin: 2px 2px 5px 0px;
}

.sidebox ul li
{
    list-style-image: none;
    margin: 2px 2px 2px 5px;
}

.sidebox ol
{
    margin: 2px 2px 5px 18px;
    list-style-type: decimal;
}

.sidebox ol li
{
    margin: 2px 2px 2px 5px;
}

.sidebox ul li,
.sidebox ol li
{
    font-size: 12px;
}

.sidebox p
{
    font-size: 12px;
}

.home_sidebox
{
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.home_sidebox p
{
    margin: 10px;
}

.home_sidebox h2,
.home_sidebox h3,
.home_sidebox table,
.home_sidebox ul
{
    text-align: left;
    margin: 10px 0px;
}

.home_sidebox a {
    color: #f4f4f4;
}

.news_sidebox
{
    background: transparent url(images/news_box_bg.gif) no-repeat scroll 10px 0px;
    padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.news_sidebox ul li
{
    list-style-type: none;
    list-style-image: none;
    margin-left: 12px;
    margin-bottom: 10px;
}

.news_sidebox ul li a {
    color: #686f73;
}

/* lightbox sidebox */
.lightbox_sidebox
{
}

.lightbox_sidebox ul
{
    list-style-type: none;
    margin: 2px 2px 5px 0px;
    padding: 0px;
}

.lightbox_sidebox ul li
{
    margin: 2px;
}

.lightbox_sidebox ul li img
{
    max-width: 50px;
    margin: 0px 0px 2px 0px;
}

/* content details sidebox */
.content_details_sidebox
{
    padding: 0px 10px;
}

.content_details_sidebox ul
{
    list-style-type: none;
    margin: 2px 2px 5px 0px;
    padding: 0px;
}

.content_details_sidebox ul li
{
    margin: 2px;
}

.content_details_sidebox ul li img
{
    max-width: 50px;
    margin: 0px 0px 2px 0px;
}

.content_details_sidebox .sidebox
{
    width: 170px;
    position: relative;
    min-height: 380px;
    background: url(images/slogan_bg.gif) 0px 0px no-repeat;
    padding: 5px 5px 1px 5px;
}

.content_details_sidebox .sidebox *
{
    font-family: Verdana, Arial, Sans-serif;
    font-size: 10px;
}

.content_details_sidebox .sidebox p
{
    margin: 1px 0px 15px 0px;
    padding-top: 0px;
}

.content_details_sidebox .sidebox img.header_image
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.content_details_sidebox .sidebox h2
{
    margin-top: 0px;
    margin-bottom: 8px;
}

.content_details_sidebox .sidebox h3
{
    text-transform: uppercase;
    color: #646464;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 0px;
}

.content_details_sidebox .sidebox h3.author
{
    margin-top: 20px;
}

.content_details_sidebox .sidebox input.large_input,
.content_details_sidebox .sidebox textarea
{
    width: 100%;
}

/* content details sidebox */
.search_filter_order_sidebox
{
}

.search_filter_order_sidebox a
{
    text-decoration: none;
    color: #646464;
}

.search_filter_order_sidebox a:hover
{
    text-decoration: underline;
}

.search_filter_order_sidebox a.toremove:hover
{
    text-decoration: line-through;
}

.search_filter_order_sidebox ul
{
    margin: 2px 2px 5px 0px;
    padding: 0px 10px;
}

.search_filter_order_sidebox ul li
{
    list-style-image: none;
    list-style-type: none;
    margin: 2px;
    padding: 0px
}

.search_filter_order_sidebox ul li input
{
    margin-right: 3px;
}

/*
.search_filter_order_sidebox ul li input.radio
{
    position: relative;
    top: 2px;
}
*/

.search_filter_order_sidebox ul li img
{
    max-width: 50px;
    margin: 0px 0px 2px 0px;
}

.search_filter_order_sidebox.sidebox *
{
    font-family: Verdana, Arial, Sans-serif;
    font-size: 10px;
}

.search_filter_order_sidebox.sidebox img.header_image
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.search_filter_order_sidebox.sidebox h1 {
    color: #646464;
    font-size: 10px;
    font-weight: 800;
    margin: 2px 2px 10px 0px;
}

.search_filter_order_sidebox.sidebox h1 a img {
    float: right;
}

.search_filter_order_sidebox.sidebox h2 {
    color: #646464;
    font-size: 10px;
    font-weight: 800;
    margin: 5px 2px 5px 0px;
}

.search_filter_order_sidebox.sidebox .color_links {
    text-align: center;
}

.search_filter_order_sidebox.sidebox .color_links img {
    margin: 3px;
}

.member_shortcuts_sidebox .sidebox .shortcuts a
{
    display: block;
    margin: 0px 0px 5px 0px;
    line-height: 200%;
    padding: 5px 0px 2px 5px;

    font-weight: 800;
    font-size: 120%;
    padding: 2px;
    margin-right: 10px;
    margin-bottom: 2px;
}

.member_shortcuts_sidebox .sidebox h3 img {
    vertical-align: middle;
    margin-left: 10px;
}

/* login sidebox */
.login_sidebox
{
    min-height: 315px;
}

.login_sidebox h1
{
    color: #808080;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 3px 0px 0px;
    text-align: left;
    padding-left: 14px;
}

.login_sidebox form
{
    margin: auto;
}

.login_sidebox p
{
    margin: 0px 10px !important;
}

.login_sidebox table
{
    margin: auto;
}

.login_sidebox td
{
    padding: 2px;
}

.login_sidebox .login_box {
    width: 160px;
    left: 8px;
    position: relative;
}

.login_sidebox .login_box div {
    background-color: #eeeeee;
    padding: 0px 0px 0px 4px;
    color: black;
}

.login_sidebox .login_box .top_borders, .login_sidebox .login_box .bottom_borders {
    height: 8px;
    overflow: hidden;
    background-color: transparent;
    padding: 0;
}

.login_sidebox .login_box .top_borders {
    background-image: url(images/login_box_top_corners.png);
}

.login_sidebox .login_box .bottom_borders {
    background-image: url(images/login_box_bottom_corners.png);
}

.login_sidebox .login_box p {
    text-align: center;
}

.login_sidebox .login_box p a {
    color: #646464;
}

.login_sidebox .login_box p span.login_name {
    color: #016DAB;
    font-weight: 800;
}

.login_sidebox .login_box input#signin {
    float: right;
}

.login_sidebox .login_box a.lost_password {
    text-align: left;
    display: block;
}

/*
.login_sidebox .login_box input#signin {
    position: absolute;
    bottom: 0;
    right: 0;
}

.login_sidebox .login_box a.lost_password {
    position: absolute;
    display: block;
    bottom: 3px;
    left: 10px;
    padding-right: 24px;
}
*/

.login_sidebox .login_box a.logout {
    color: black;
}

.login_sidebox .login_box input.input_text
{
    background: white url(images/login_input_text.gif) repeat-x bottom left;
    min-height: 16px;
    color: #000000;
}

/* member sidebox */
.member_sidebox {
}

.member_sidebox h3 {
    margin: 15px 0px 5px 2px;
}

.member_sidebox table
{
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.member_sidebox table th
{
    padding-right: 10px;
}

.member_sidebox table td
{
    padding: 2px;
}

/* palliancer sidebox */
.sidebox.palliance
{
    text-align: center;
}

.sidebox.palliance h3
{
    text-align: center;
}

.sidebox.palliance div.box {
    text-align: center;
    margin-top: 5px;
}



/* shoppingcart details */
#shoppingcartinfos {
    float: right;
    width: 68%;
}

#shoppingcartinfos #nextstep {
    float: right;
    width: 50%;
    text-align: right;
    padding-right: 30px;
}

#shoppingcarthowtobox {
    width: 30%;
}

.license-tooltip {
    padding: 5px;
    border: 1px solid #cccccc;
    margin: 5px;
    background-color: #FFFFFF;
}

table.shoppingcart_details
{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px
}

table.shoppingcart_details *
{
    font-size: 11px;
}

table.shoppingcart_details td
{
    vertical-align: top;
    text-align: left;
    padding: 7px 0px 5px 5px;
    border-bottom: 1px solid #6B90DA;
}

table.shoppingcart_details table.license_choice
{
    width: 100%;
    border-collapse: collapse;
}

table.shoppingcart_details table.license_choice tr:hover {
    background-color: #F3FAFB;
}

table.shoppingcart_details table.license_choice tr *{
    cursor: pointer;
}

table.shoppingcart_details table.license_choice tr.selected_license {
    background-color: #EDEDED;
}

table.shoppingcart_details div.no_selected_license {
    background-color: #FFD1D1;
    color: #000;
    padding: 5px;
    margin: 0 10px 5px 0;
}

table.shoppingcart_details table.license_choice td
{
    vertical-align: middle;
    text-align: left;
    padding: 2px 5px 5px 10px;
    border: none;
}

table.shoppingcart_details table.license_choice .licence_name
{
    width: 20%;
}

table.shoppingcart_details table.license_choice img
{
    vertical-align: bottom;
    padding-top: 2px;
}

table.shoppingcart_details .content_preview {
    vertical-align: middle;
    text-align: center;
    width: 120px;
    padding: 5px;
}

table.shoppingcart_details .content_action {
    vertical-align: top;
    width: 20%;
    padding: 5px;
    background-color: #EFF6F7;
}

table.shoppingcart_download .resume_license {
    vertical-align: top;
    width: 20%;
    padding: 5px;
    background-color: #EFF6F7;
}

.shoppingcart_download .copy_infos {
    vertical-align: top;
    width: 35%;
    padding: 5px 5px 5px 10px;
}

.shoppingcart_download .copy_infos textarea{
    width: 98%;
}

.shoppingcart_download .copy_infos input{
    width: 98%;
}

.shoppingcart_details .license {
    color: #3ACE3A;
    font-weight: 800;
    white-space: nowrap;
}

.shoppingcart_details .title {
    color: #5A5A5A;
    font-weight: 800;
}

table.order_details td {
    padding: 2px;
}


table.order_details th {
    width: 120px;
    font-weight: 800;
}

#shoppingcart_continue_button
{
    float: right;
}

input#checkout_button,
input#select_payment_method,
input#update_shoppingcart {
    border: none;
}

/* upload file box */
#upload_content {
    margin: 0 !important;
}

div#content_files_list
{
    border: 1px solid #C4C4C4;
    padding: 5px;
    margin: 5px 0px 10px 0px;
    background: #FFFFFF;
}

div#content_files_list div
{
    padding-bottom: 5px;
}

div#files_list_message div
{
    padding-bottom: 5px;
}

div#content_files_list input
{
    margin-right: 10px;
}

.howto_box {
    background-color: #EFF6F7;
    padding: 10px;
    margin: 10px 0 10px 0 !important;
}

/* keyword management */
table.keyword_management td
{
    vertical-align: top;
}

table.keyword_management ul
{
    margin: 0px;
    padding: 0px;
}

table.keyword_management ul li
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

table.keyword_management ul li span.handler
{
    width: 10px;
    background-color: #FF0000;
    border: 1px solid #FFFF00;
}


/* content_keyword_list */
ul.content_keyword_list
{
    margin: 0px;
    padding: 0px;
}

ul.content_keyword_list li
{
    list-style: none;
}

ul.content_keyword_list li a
{
    color: inherit;
}

ul.content_keyword_list li.row0
{
    color: #4477CC;
}

ul.content_keyword_list li.row1
{
    color: #3366FF;
}


/* keyword_management_result */
table.keyword_management_result
{
    width: 900px;
    border-collapse: collapse;
    border: 1px solid #000000;
}

table.keyword_management_result td
{
    vertical-align: top;
    padding: 2px 3px;
    border: 1px solid #000000;
}

table.keyword_management_result td.translations
{
    width: 150px;
}

/* corners */
.corner_top_left, .corner_top_right  {
    position: absolute;
    top: 0px;
}

.corner_bottom_right, .corner_bottom_left  {
    position: absolute;
    bottom: 0px;
}

.corner_top_right, .corner_bottom_right  {
    right: 0px;
}

.corner_bottom_left, .corner_top_left  {
    left: 0px;
}

.corner_bottom_left, .corner_top_left, .corner_top_right, .corner_bottom_right  {
    width: 5px;
    height: 5px;
}

.corner_bottom_left {
    background-image: url(images/corner1_bl.gif);
}

.corner_top_left {
    background-image: url(images/corner1_tl.gif);
}

.corner_top_right {
    background-image: url(images/corner1_tr.gif);
}

.corner_bottom_right {
    background-image: url(images/corner1_br.gif);
}


/* with_border */
table.with_border
{
    border-collapse: collapse;
}

table.with_border td
{
    border: 1px solid #003366;
}

/* header */
#header
{
    font-family: Verdana;
}

#header *
{
    font-family: inherit;
}

#header #hotline_phone, .office_online_logo_planetalliance #hotline_phone
{
    background: url(images/logo_phone.gif) no-repeat left;
    margin: 0px 0px 0px 32px;
    padding: 0px 0px 5px 30px;
}

.office_online_logo_planetalliance #hotline_phone
{
    line-height: 10px;
    color: #8A8A8A;
    font-size: 14px;
    font-weight: 800;
    font-family: inherit;
}

#header h1.content_infos
{
    color: #333333;
    position: relative;
}

#header h1.content_infos img
{
    position: relative;
    top: -1px;
}


#header h1.logo
{
    float: left;
    margin: 0px 0px 10px 0px;
    line-height: 10px;
    padding: 0px;
}

#header div.inner {
    margin-left: 200px;
    padding: 0px 0px 0px 10px;
}

#header .quick_links *
{
    font-size: 11px;
}

#header .quick_links {
    color: #AAAAAA;
    padding: 5px 3px 5px 5px;
}

#header .quick_links a {
    text-decoration: none;
    font-weight: 800;
}

#header .quick_links a.selected
{
    color: #000000;
}

#header .quick_links p {
    float: right;
}

#header .headline {
    position: relative;
    padding: 5px 5px 1px 5px;
    background: url(images/top_senter_side.gif);
    color: #777777;
    margin: 0px 0px 5px 0px;
}

#header .headline a.can_be_deleted,
#header .subline a.can_be_deleted
{
    text-decoration: none;
}

#header .headline a.can_be_deleted:hover,
#header .subline a.can_be_deleted:hover
{
    text-decoration: line-through;
}


#header .subline a
{
    margin-right: 10px;
    font-weight: 400;
}

#header .subline a.current
{
    font-weight: 800;
    color: #000000;
    text-decoration: none;
}

#header .subline {
    position: relative;
    margin: 3px 0px 3px 0px;
    padding: 5px 5px 5px 5px;
    background: url(images/top_senter_side_refine.gif);
    color: #333333;
    font-weight: 800;
}

#header .subline img {
    vertical-align: middle;
}

#header .subline .menu {

}

#header .subline-step {
    position: relative;
    padding: 5px;
    margin: 3px 0px 3px 0px;
    height: 17px;
    background: url(images/top_senter_side_refine.gif);

    color: #777777;
    font-weight: 800;
}

#header .subline-step li {
    float: left;
    margin: -3px 0 0 5px;
    list-style-image: none;
}

#header .subline-step li.inactive{
    color: #ABABAB;
}

#header .subline-step img {
    vertical-align: middle;
}

#header #quick_search p {
    padding: 1px 0px;
}

#header #quick_search a.current {
    font-weight: 800;
    text-decoration: none;
}

#header h1 {
    color: #8A8A8A;
    font-size: 14px;
    font-weight: 800;
    padding: 1px 0px 0px 0px;
}

#header h1 img {
    margin-right: 5px;
    vertical-align: middle;
}

#intro_box {
    position: relative;
    background: url(images/fond_bg.gif);
    height: 345px;
    padding: 10px 10px 0px 0px;
    margin-bottom: 20px !important;
}

#intro_prices {
    width: 130px;
    height: 340px;
}

#intro_prices img {
    padding: 0px 10px 0px 5px;
}

#intro {
    width: 100%;
    height: 335px;
    background: url(images/home.jpg)  no-repeat;
    position: relative;
    vertical-align: top;
}

#intro.with_flash {
    background: none;
}

/* intro box2 */
#intro_box2 {
    margin-top: 10px;
}

#intro_subscription
{
    float: left;
    width: 382px;
    background: url(images/subscription_home_bottom.jpg) no-repeat bottom left;
}

#intro_subscription a.intro_subscription_first
{
    display: block;
    height: 48px;
}

#intro_subscription a.intro_subscription_link
{
    margin-left: 10px;
}

/* quick_search */
#more_search {
    z-index: 1;
    display: none;
    width: 100%;
    margin: 0px 0px 5px 5px;
}

#more_search table th {
    font-weight: 800;
    padding: 2px;
    text-align: right;
}

#more_search table td {
    padding: 2px;
}

#quick_search #qs_result_value
{
    width: 280px;
    border-style: solid;
    border-color: #D1D1D1;
    border-width: 1px 0px 1px 1px;

    font-family: Arial,sans-serif;
    font-size: 13px;
    height: 15px;
    padding: 1px 0px 1px 4px;
}

#quick_search input.image {
    margin-right: 20px;
    vertical-align: top;
    border-style: solid;
    border-color: #d1d1d1;
    border-width: 1px 1px 1px 0px;
}

#quick_search label {
    font-weight: 800;
    color: #333333;
    margin-left: 7px;
}

#quick_search a {
    color: #000000;
    margin-right: 4px;
}

#quick_search_results
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #000000;
}

div#qs_auto_complete_results {
    z-index: 255;
}

div.qs_auto_complete {
    position: absolute;
    margin: 0px;
    padding: 0px;
}

ul.qs_results  {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div.qs_auto_complete ul {
    margin: 0px;
    padding: 0px;
    width: 195px;
    list-style-type: none;
    background: #FFFFFF url(images/ls_li_bg.gif)  repeat-y left;

}

div.qs_auto_complete ul li {
    margin: 0px;
    padding: 3px;
    margin: 0px 0px 0px 4px;
    background: url(images/ls_li_bg.gif)  repeat-y right;
    list-style-image: none;
}

div.qs_auto_complete ul li.selected {
    background-color: #EFF6F7;
    cursor: pointer;
}

div.qs_auto_complete li.top {
    background: url(images/ls_top_bg.gif) right bottom;
}

div.qs_auto_complete div.bottom {
    background: url(images/ls_bottom_bg.gif) right bottom;
    height: 17px;
    width: 195px;
    text-align: right;
}

/* howboxes (Buy Stock Images | Sell Stock Images ) */
.howboxes {
    margin: auto;
    padding-top: 10px;
}

.howboxes h2{
}

.howboxes .stepbox {
    float: left;
    width: 210px;
    padding-right: 10px;
}

.howboxes .step_info {
    padding-bottom: 10px;
    min-height: 130px;
}

.howboxes .todo {
    background-color: #EFF6F7;
    padding: 5px;
    height: 100px;
}
.howboxes .illustration {
    padding-top: 10px
}

#content div.dokuwiki li {
    margin: 0px;
    padding-left : 10px;
    list-style-image: none;
}

.icon_down {
    background-repeat: no-repeat;
    background-position: center left;
    padding: 2px 0  0 13px;
    background-image: url(images/icon_down.gif);
}

.icon_up {
    background-repeat: no-repeat;
    background-position: center left;
    padding: 2px 0  0 13px;
    background-image: url(images/icon_up.gif);
}

.icon_right {
    background-repeat: no-repeat;
    background-position: center left;
    padding: 2px 0  0 13px;
    background-image: url(images/icon_right.gif);
}

.display_none {
    display: none;
}

.red_test {
    background-color: #ff0000;
}

.blue_test {
    background-color: #0000ff;
}

.mandatory_field {
    background-repeat: no-repeat;
    background-position: center right;
    padding: 2px 10px 0px 0px;
    background-image: url(images/mandatory_field.gif);
}

.mandatory_left {
    background-repeat: no-repeat;
    background-position: center left;
    padding: 2px  0px 0px 10px;
    background-image: url(images/mandatory_field.gif);
}


/* display error list */

.error_list ul li {
    margin: 0 0 0 7px;
    color: #ff0000;
    list-style-image: none;
}

/* display error msg */
.error_msg {
    color: #ff0000;
}

.error_msg_bg {
    background-color: #ff0000;
}


/* sub menu on page content */

#content .member_submenu {
    height: 20px;
    margin: 0 0 0 20px;
}

#content ul.member_submenu li {
    margin: 0 0 0 5px;
    float: left;
    list-style-image: none;
}


/* table style listing */
table.listing_table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #DDDDDD;
    margin: 0px 0px 5px 0px;
}

table.listing_table * {
    font-size: 11px;
}

table.listing_table td {
    border-collapse: collapse;
    padding: 5px;
}

table.listing_table th {
    background-color: #F4F4F4;
    color: #0092DA;
    padding: 5px;
    font-weight: 800;
}

table.listing_table .line td {
    border-bottom: 1px solid rgb(179, 204, 208);
}

table.listing_table .line td td {
    border-bottom: none;
}

table.listing_table .line td th {
    border-bottom: none;
}

table.listing_table .line th{
    border-bottom: 1px solid rgb(189, 189, 189);
}

table.listing_table .no_results{
    text-align: center;
}

table.listing_table .align_center{
    text-align: center;
}

table.listing_table .align_left{
    text-align: left;
}

table.listing_table .align_right{
    text-align: right;
}

table.listing_table .valign_top{
    vertical-align: top;
}

table.listing_table .nowrap {
    white-space: nowrap;
}

table.listing_table table{
    text-align: right;
}


/* generate banner */
div#content form.banner_chooser
{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

div#content form.banner_chooser label
{
    margin-right: 5px;
}

div#content form.banner_chooser select
{
    margin-right: 15px;
}

div#content form.banner_chooser input.submit_image
{
    vertical-align: middle;
}

div#content .banner_result
{
}

div#content .banner_result textarea
{
    margin-top: 5px;
    margin-bottom: 10px;
}



/* index content */
#content_index {

}


.content_index .add_to_keyword,
.content_index .remove_from_keyword,
.content_index .remove_all,
.content_index .move_up_keyword,
.content_index .move_down_keyword,
.content_index .move_top_keyword,
#content_index #add_to_keyword,
#content_index #remove_from_keyword,
#content_index #remove_all,
#content_index #move_up_keyword,
#content_index #move_down_keyword,
#content_index #move_top_keyword,
#content_index .add_to_keyword,
#content_index .remove_from_keyword,
#content_index .remove_all,
#content_index .move_up_keyword,
#content_index .move_down_keyword,
#content_index .move_top_keyword
{
    width: 120px;
    margin-bottom: 5px;
}

#content_index .contract_answers {
    width: 100px; text-align: center;
}

#content_index #content_form {
    width: 750px;
    float: left;
}

#content_index .box_step{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    padding: 5px;
    margin-bottom: 10px;
}

#content_index .content_modify{
    padding-bottom: 10px;
}

#content_index .content_modify th{
    width:  90px;
    padding: 2px 5px  2px 0px;
}

#content_index .content_modify td {
    padding: 2px 5px 2px 5px;
}

#content_index .thumbnail {
    width: 250px;
    text-align: center;
}

#content_index .bad_params {
    border: 1px solid #FF0000;
    padding: 5px 0px  5px 5px;
    background: #FFCFCF;
    color: #000000;
}

#content_index .big_bad_params {
    width: 75%;
    margin: 5px auto;
}

#content_index .price_bad_params {
    background: #FFCFCF;
}

#content_index .bad_params *{
    margin-bottom: 5px;
}

#content_index #given_name {
    width: 335px;
}

#content_index #description {
    width: 335px;
}

#content_index #country_id {
    width: 335px;
}

#content_index #language_id{
    width: 335px;
}

#content_index #content_type_id {
    width: 335px;
}

#content_index #keywords_area,
.content_index .keywords_area,
#content_index .keywords_area {
    width: 200px;
    height: 150px;
}

#content_index #keyword_originals,
.content_index .keyword_originals,
#content_index .keyword_originals{
    width: 200px;
    height: 150px;
}

#content_index #keyword_originals .not_normalized {
    background: #FF0000;
}

#content_index #keyword_disable_text {
    width: 280px;
    vertical-align: top;
    text-align: justify;
}

#content_index #keyword_originals.keyword_originals_move_only {
    width: 200px;
    height: 100px;
}

#content_index #existing_release_id {
    width: 300px;
}

#content_index #associate_releases {
    text-align: center;
}

#content_index .contract_questions {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #EFF6F7;
    border-spacing: 10px;
}

#content_index .contract_questions_reset {
    text-align: right;
}

#content_index .contract_table {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#content_index .contract_table input {
    text-align: center;
}

#content_index .contract_table_percentage  {
    width: 50px;
}

#content_index .license_XS,
#content_index .license_S,
#content_index .license_M,
#content_index .license_L,
#content_index .license_XL,
#content_index .license_XXL,
#content_index .license_XXXL,
#content_index .license_X,
#content_index .license_E,
#content_index .license_V
{
    font-weight: 800;
    color: #FFFFFF;
    text-align: left;
}

#content_index .license_XS,
#content_index .license_S,
#content_index .license_M,
#content_index .license_L,
#content_index .license_XL,
#content_index .license_XXL,
#content_index .license_XXXL
{
    background-color: #0066CC;
}

#content_index .license_E
{
    background-color: #CCCCCC;
}

#content_index .license_X
{
    background-color: #33CC00;
}

#content_index .license_V
{
    background-color: #B83232;
}

#content_index #contract_iframe {
    margin: auto;
    width: 730px;
}

#content_index .contract_bottom {
    height: 50px;
}

#content_index .contract_preview {
    float: right;
}

#content_index .contract_accept {
    float: left;
    padding: 5px;
    padding-right: 10px;
}

#content_index .contract_buttons {
    text-align: center;
}

#content_index .keywords_button {
    width: 20px;
}

#content_index .margin_auto {
    margin: auto;
}

#content_index #conceptual_category_tree select, #representative_category_tree select{
    width: 170px;
    height: 100px;
}

#content_index .categories_selector {
    width: 340px;
}

#content_index .categories_preview {
    width: 415px;
    padding-left: 5px;
}

#content_index .categories_ids {
    width: 75px;
    text-align: center;
}

#content_index .categories_buttons {
    width: 250px;
}

#content_index .listing_space {
    margin-top: 10px;
    margin-bottom: 10px;
}

#content_index .release_id {
    width: 100px;
}

#content_index .release_title {
    text-align: left;
}

#content_index .release_action {
    width: 130px;
}


table.use_promo_code h2,
table.add_sub_account h2
{
    color: #7A7A7A;
}

blockquote
{
    border: 1px solid #CCCCCC;
    border-left: 8px solid #CCCCCC;
    padding: 5px 10px 5px 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}

blockquote ul li
{
    background-color: transparent;
}

blockquote a.top
{
    float: right;
    padding: 5px;
    font-size:8px;
}

fieldset {
    padding: 5px;
    margin-bottom: 5px;
}

table.api {
    margin: 5px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}

table.api th {
    font-weight: 800;
    color: #000000;
    height: 20px;
    border: 1px solid #CCCCCC;
    padding: 0px 5px 0px 5px;
    border-collapse: collapse;
}

table.api td img {
    vertical-align: middle;
    text-align: center;
}

table.api  td {
    height: 20px;
    border: 1px solid #CCCCCC;
    padding: 0 5px  0 5px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
}

pre {
    font-family: "Courier New",Courier,mono;
    background-color: #EAEAEA;
    padding: 5px;
    margin: 5px;
    overflow: auto;
}

code {
    color: #000000;
    font-family: Monaco,monospace;
}

dl dt {
    font-weight: 800;
    margin-top: 10px;
    color: #000000;
}

dl dd {
    margin-left: 10px;
}

div#content #contract ul {
    background-color: #FAFAFA;
}

div#content #contract ul li {
    padding-top: 3px;
    list-style-type: circle;
    list-style-image: none;
}


div#content #contract h1 {
    font-size: 150%;
    margin-bottom: 5px;
    text-transform: uppercase;
}

div#content #contract h2 {
    font-size: 130%;
}

div#content #contract h3 {
    font-size: 110%;
}

.download_actions a {
    font-size: 120%;
}

div#content table.support_list h2
{
    margin-top: 0px;
}

table th.ref
{
    width: 50px;
}

tr.read_on_title td
{
    background-color: #F7F7F7;
}

tr.read_on_message th
{
    background-color: #F7F7F7;
    border-right: 1px solid #F0F0F0;
}

tr.read_on_message td
{
    padding-left: 10px;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F7F7F7;
}

.training_questions table td
{
    padding-bottom: 10px;
}

.training_questions table td p
{
    padding-left: 20px;
    width: 400px;
    font-size: 12px;
    text-align: justify;
}

.training_questions table td ul
{
    width: 400px;
    margin-left: 20px;
}

.training_questions table td ul li
{
    list-style: square;
    font-size: 12px;
}


/* menutabs, from exploding-boy.com */
.menutabs {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E1E1E1;

    float: left;
    width: 100%;
    line-height: normal;
}

.menutabs ul {
    background-color: transparent;
    margin: 0px;
    padding: 10px 10px 0px 5px;
    list-style: none;
}

.menutabs li {
    display:inline;
    margin: 0px;
    padding: 0px;
}

.menutabs a {
    float:left;
    background:url("/pics/css/default_theme/tableftB_planetalliance.gif") no-repeat left top;
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 0px 4px;
    text-decoration: none;
}

.menutabs a span {
    font-weight: 800;
    float: left;
    display: block;
    background: url("/pics/css/default_theme/tabrightB_planetalliance.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menutabs a span {float:none;}
/* End IE5-Mac hack */
.menutabs li.current a span,
.menutabs a:hover span {
    color: #000000;
}

.menutabs li.current a,
.menutabs a:hover {
    background-position: 0% -42px;
}

.menutabs li.current a span,
.menutabs a:hover span {
    background-position: 100% -42px;
}

table tr.with-separator
{
}

table tr.with-separator td
{
    border-bottom: 1px dotted #E1E1E1;
}

table.simplebordered
{
    border-collapse: collapse;
    border: 1px solid #DDDDDD;
}

table.simplebordered td,
table.simplebordered th
{
    padding: 2px;
    border-collapse: collapse;
    border: 1px solid #DDDDDD;
}

p.possible_actions.training img
{
    vertical-align: middle;
    margin: 4px 2px;
}

table.answers {
    width: 100%;
}
table.answers th {
    white-space: nowrap;
}

table.answers td.date {
    white-space: nowrap;
}

table.answers td {
    width: 80%;
    text-align: left;
}

#zoom_map {
    width: 800px;
    height: 500px;
}

div.admin_details
{
    text-align: left;
    border: 1px solid #FF0000;
    padding: 5px;
}

div.admin_details table
{
    border: 1px solid #000000;
}

div.admin_details table td
{
    border: 1px solid #000000;
    padding: 2px;
}

div.content_list .list div.box.offensive div.img_box img {
    border: 1px solid #FF0000;
}

div.content_list .list div.box.black_collection .img_box img
{
    border-color: #000000;
    border-width: 2px;
}

div.content_list .list div.box.black_collection .txt_box .id
{
    background-color: #F0F0F0;
    color: #000000;
}

div.content_list .list div.box.black_collection .txt_box .numbers
{
    color: #000000;
}

/**
 * Affiliation CSS
 */
#affiliation .left, #affiliation .left div
{
    width: 300px;
    height: 200px;
}

#affiliation .left
{
    margin-right: 20px;
    margin-bottom: 10px;
    vertical-align: top;
}

#affiliation .left div
{
    overflow: auto;
}

#affiliation .left p.emailitem
{
    padding: 4px 0 4px 0;
    border-width: 1px 0 0 0;
    border-color: silver;
    border-style: solid;
}

#affiliation .right
{
    padding-left: 10px;
    vertical-align: top;
}

#affiliation .right table td
{
    vertical-align: top;
}

#affiliation table
{
    border-width: 0;
    margin: 0;
}

#affiliation .top
{
    vertical-align: top;
    background-position: right 6px;
}

.affiliation_form .member_login,
#affiliation
{
    margin-left: 70px;
    margin-right: 0;
}

#paymentform, #invoice
{
    margin: 10px auto;
    text-align: center;
}

#invoice
{
    border: 1px solid #E9EBEE;
    width: 400px;
    padding: 5px;
}

#invoice strong
{
    font-weight: bold;
}

#paymentform
{
    margin-top: 10px;
    width: 600px;
}

#paymentform th
{
    text-align: right;
    font-weight: bold;
    padding: 5px;
}

#paymentform td
{
    text-align: left;
}

table.office_online
{
    width: 765px;
}

table.office_online td.office_online_logo_planetalliance
{
    width: 220px;
    height: 62px;
    padding-left: 30px;
}

table.office_online td.office_online_search_header
{
    width: 580px;
    height: 62px;
    padding-left: 15px;
    padding-top: 20px;
    vertical-align: top;
    background-image: url('/pics/page/office_online_search_bg.jpg');
    background-repeat:  no-repeat;
}

table.office_online_bg_top
{
    width: 800px;
    background-image: url('/pics/page/office_online_bg.jpg');
    background-repeat:  no-repeat;
}

table.office_online_bg_top td.office_online_content_details
{
    vertical-align: top;
    padding-top: 20px;
    width: 420px;
    padding-left: 35px;
    padding-bottom: 20px;
}

table.office_online_bg_top td.office_online_message
{
    width: 300px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 35px;
    padding-bottom: 20px;
    color: #000000;
    font-size: 12px;
    line-height: 150%;
}

table.office_online_bg_bottom
{
    width: 731px;
    background-color: #DCDDDF;
    margin-left: 34px;
}

table.office_online_bg_bottom td.office_online_license_choice
{
    vertical-align: top;
    margin-top: 30px;
    width: 430px;
    padding-bottom: 20px;
}

table.office_online_bg_bottom div.content_details
{
    padding: 0px;
    text-align: left;
}

table.office_online_bg_bottom td.office_online_license_choice *
{
    font-size: 10px;
}

table.office_online_bg_bottom td.office_online_license_choice th
{
    background-color: #FFFFFF;
}

table.office_online_bg_bottom td.office_online_license_choice table
{
    border: 1px solid #DDDDDD;
}

table.office_online_bg_bottom td.office_online_links
{
    text-align: center;
    vertical-align: top;
    width: 340px;
    padding-top: 10px;
    padding-right: 10px;
}

table.office_online_bg_bottom td.office_online_links img
{
    margin-bottom: 20px;
}

table.office_online_bg_bottom td.office_online_return
{
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    color: #777777;
    font-size: 13px;
    margin-bottom: 10px;
}

table.office_online_bg_bottom td.office_online_copyright
{
    padding-left: 45px;
    padding-right: 45px;
    text-align: center;
    color: #777777;
    font-size: 11px;
    margin-bottom: 10px;
}

div.office_online_footer
{
    width: 800px;
}

div.office_online_footer div#footer
{
    margin-top: 0;
}

div.office_online_footer div#footer .info_links_details
{
    margin: auto;
}

ul.office_online_bullets
{
    margin-top: 10px;
}

table.subscription_form tr.subscription_form_top td
{
    vertical-align: top;
    padding-right: 10px;
}

table.subscription_form tr.subscription_form_top div
{
    margin-left: 15px;
    margin-bottom: 15px;
}

table.subscription_form table.subscription_details
{
    border-collapse: collapse;
    display: none;
}

table.subscription_form table.subscription_details td
{
    border: 1px solid #CCCCCC;
    padding: 2px 10px;
}

table.subscription_form table.subscription_payments td
{
    padding-bottom: 10px;
}

div.subscription_ad
{
    text-align: left;
    margin: 10px auto;
    width: 95%;
}

/* layout */
/* common */
    div#wrapper
    {
        width: 100%;
        min-width: 400px;
        z-index: 5;
    }

    div#navigation
    {
        width: 200px;
        z-index: 2;
    }

    div#extra
    {
        width: 200px;
        z-index: 3;
    }

    div#footer
    {
        clear: left;
        width: 100%;
        margin: 20px 0px 0px 0px;
    }

    div#content
    {
        padding: 0px 10px 10px 10px;
        z-index: 4;
    }

/* default: 3 columns: extra, content, navigation */
    div#wrapper
    {
        float: left;
    }

    div#content
    {
        margin: 0px 200px 0px 200px;
    }

    div#navigation
    {
        float: left;
        margin-left: -200px;
    }

    div#extra
    {
        float: left;
        margin-left: -100%;
    }

/* 3 columns: extra, content, navigation */
    .three_cols_el_cc_nr div#wrapper
    {
        float: left;
    }

    .three_cols_el_cc_nr div#content
    {
        margin: 0px 200px 0px 200px;
    }

    .three_cols_el_cc_nr div#navigation
    {
        float: left;
        margin-left: -200px;
    }

    .three_cols_el_cc_nr div#extra
    {
        float: left;
        margin-left: -100%;
    }

/* 3 columns: navigation, content, extra */
    .three_cols_nl_cc_er div#wrapper
    {
        float: left;
    }

    .three_cols_nl_cc_er div#content
    {
        margin: 0px 200px 0px 200px;
    }

    .three_cols_nl_cc_er div#navigation
    {
        float: left;
        margin-left: -100%;
    }

    .three_cols_nl_cc_er div#extra
    {
        float: left;
        margin-left: -200px;
    }

/* 3 columns, extra is large: content, navigation, extra */
    .three_cols_nl_cc_er_large div#wrapper
    {
        float: left;
    }

    .three_cols_nl_cc_er_large div#content
    {
        margin: 0px 340px 0px 200px;
    }

    .three_cols_nl_cc_er_large div#navigation
    {
        float: left;
        margin-left: -100%;
    }

    .three_cols_nl_cc_er_large div#extra
    {
        float: left;
        margin-left: -340px;
        width: 340px;
    }

    .three_cols_nl_cc_er_large div#extra .sidebox
    {
        background-image: url(images/sidebox_gradient_334x364.gif);
    }

/* 3 columns: content, extra, navigation */
    .three_cols_cl_ec_nr div#wrapper
    {
        float: left;
    }

    .three_cols_cl_ec_nr div#content
    {
        margin: 0px 300px 0px 0px;
    }

    .three_cols_cl_ec_nr div#navigation
    {
        float: left;
        margin-left: -200px;
    }

    .three_cols_cl_ec_nr div#extra
    {
        float: left;
        margin-left: -300px;
    }

/* 3 columns: navigation, extra, content */
    .three_cols_nl_ec_cr div#wrapper
    {
        float: right;
    }

    .three_cols_nl_ec_cr div#content
    {
        margin: 0px 0px 0px 300px;
    }

    .three_cols_nl_ec_cr div#navigation
    {
        float: right;
        margin-right: -200px;
    }

    .three_cols_nl_ec_cr div#extra
    {
        float: right;
        margin-right: -300px;
    }

/* 3 columns: extra, navigation, content */
    .three_cols_el_nc_cr div#wrapper
    {
        float: right;
    }

    .three_cols_el_nc_cr div#content
    {
        margin: 0px 0px 0px 300px;
    }

    .three_cols_el_nc_cr div#navigation
    {
        float: right;
        margin-right: -300px;
    }

    .three_cols_el_nc_cr div#extra
    {
        float: right;
        margin-right: -200px;
    }

/* 2 columns version: content, navigation */
    .two_cols_cl_nr div#wrapper
    {
        float: left;
    }

    .two_cols_cl_nr div#content
    {
        margin: 0px 200px 0px 0px;
    }

    .two_cols_cl_nr div#navigation
    {
        float: left;
        margin-left: -200px;
    }

    .two_cols_cl_nr div#extra
    {
        display: none;
    }

/* 2 columns version: content, extra */
    .two_cols_cl_er div#wrapper
    {
        float: left;
    }

    .two_cols_cl_er div#content
    {
        margin: 0px 200px 0px 0px;
    }

    .two_cols_cl_er div#navigation
    {
        display: none;
    }

    .two_cols_cl_er div#extra
    {
        float: left;
        margin-left: -200px;
    }

/* 2 columns version large: content, extra */
    .two_cols_large_cl_er div#wrapper
    {
        float: left;
    }

    .two_cols_large_cl_er div#content
    {
        margin: 0px 400px 0px 0px;
    }

    .two_cols_large_cl_er div#navigation
    {
        display: none;
    }

    .two_cols_large_cl_er div#extra
    {
        float: left;
        width: 340px;
        margin-left: -375px;
    }

    .two_cols_large_cl_er div#extra .sidebox
    {
        background-image: url(images/sidebox_gradient_334x364.gif);
    }

/* 2 columns version: navigation, content */
    .two_cols_nl_cr div#wrapper
    {
        float: left;
    }

    .two_cols_nl_cr div#content
    {
        margin: 0px 0px 0px 200px;
    }

    .two_cols_nl_cr div#navigation
    {
        float:  left;
        margin-left: -115%;
    }

    .two_cols_nl_cr div#extra
    {
        display: none;
    }

/* 2 columns version: extra, content */
    .two_cols_el_cr div#wrapper
    {
        float: left;
    }

    .two_cols_el_cr div#content
    {
        margin: 0px 0px 0px 200px;
    }

    .two_cols_el_cr div#navigation
    {
        display: none;
    }

    .two_cols_el_cr div#extra
    {
        float: left;
        margin-left: -100%;
    }

/* one column: content */
    .one_col div#wrapper
    {
        float: left;
    }

    .one_col div#content
    {
        margin: 0px 0px 0px 0px;
    }

    .one_col div#navigation
    {
        display: none;
    }

    .one_col div#extra
    {
        display: none;
    }

/* end of layout */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #f4f4f4;
padding: 1px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}