/* 
    Document   : signup
    Created on : May 7, 2010, 4:04:02 PM
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
#content {padding-top: 20px;}

.button_242, .button_242:hover {
    display: block;
    background: url(/i/msc/buttons/buy/buy_button_blue.png) no-repeat top left;
    width: 242px;
    height: 44px;
    line-height: 22px;
    text-align: center;
    color: #ffffff !important;
    font-size: 1.7em;
    font-weight: bold;
    padding: 12px 25px 0px 0px;
    margin: 15px 0px 0px 0px;
    cursor: pointer;
    font-family: Tahoma !important;
    cursor: pointer;
}


.button_200, .button_200:hover {
    background: url(/i/msc/buttons/blue_button_small_200.png) no-repeat left top;
    width: 160px;
    height: 35px;
    display: block;
    color: #ffffff !important;
    font-size: 14px;
    padding: 2px 40px 2px 4px;
    text-align: center;
    line-height: 0.9em;
    font-weight: bold;
    margin-top: 30px;
    font-family: Tahoma !important;
    cursor: pointer;
}

.button_160, .button_160:hover {
    background: url(/i/msc/buttons/blue_button_small_160.png) no-repeat left top;
    width: 140px;
    height: 35px;
    display: block;
    color: #ffffff !important;
    padding: 7px 20px 2px 4px;
    text-align: center;
    line-height: 0.9em;
    font-weight: bold;
    margin-top: 0px;
    font-size: 14px;
    font-family: Tahoma !important;
    cursor: pointer;
}

.orange .button_200, .orange .button_200:hover {
    margin-top: 10px !important;
    padding: 11px 40px 2px 4px;
    background: url(/i/msc/buttons/blue_button_small_200.png) no-repeat left top;
}

.blue .button_200, .blue .button_200:hover {
    margin-top: 10px !important;
    padding: 10px 40px 2px 4px;
    background: url(/i/msc/buttons/blue_button_small_200.png) no-repeat left top;
}

.orange_160 .button_160, .orange .button_160:hover {
    margin-top: 14px !important;
    background: url(../../images/buttons/orange_button_small_160.png) no-repeat left top;
}

.blue_160 .button_160, .blue_160 .button_160:hover {
    margin-top: 14px !important;
    background: url(/i/msc/buttons/blue_button_small_200.png) no-repeat left top;
}



#step {
    margin: 40px auto 25px auto;
    text-align: center;
    width: 553px;
}

.product_image {float: left;}
.product_title {float: left; width: 350px;}
.product_title h3 {color:#323232; font-family:'Tahoma',Arial,Helvetica,sans-serif; font-size:28px; font-weight:100; line-height:44px; padding-bottom: 5px; margin-top: 55px;}
.product_title p {color:#323232; font-family:'Tahoma',Arial,Helvetica,sans-serif; font-size:18px; font-weight:100; line-height:26px; padding-bottom: 5px;}

.main_content {margin: 40px auto; width: 954px; font-size: 14px !important; line-height: 14pt; min-height: 550px; height: auto !important; height: 550px;}
.main_content h1 {color:#323232; font-family:'Tahoma',Arial,Helvetica,sans-serif; font-size:36px; font-weight:100; line-height:44px; width:100%; padding-bottom: 5px;}
.main_content h2 {color:#323232; font-family:'Tahoma',Arial,Helvetica,sans-serif; font-size:28px; font-weight:100; line-height:34px; width:100%; padding-bottom: 5px;}
.main_content p {padding-bottom: 10px; padding-top: 2px;}
.main_content a, .main_content a:hover {text-decoration: underline !important; color: #008eef !important;}
a.button_242, a.button_242:hover {color: #ffffff !important; text-decoration: none !important;}
/*.has_more_info {position:relative; z-index:10000; color:#323232; text-decoration:none; cursor: pointer; float: left;}
.has_more_info:hover {z-index:10000;}*/
div.tooltip {z-index:100000; display: none; position:absolute; top: 0;left:21.65em;width:325px !important; height: auto;border:1px solid #00aeef;background-color:#f4f4f4;color:#323232;text-align: left;font-family: Tahoma, sans-serif;font-size: 12px;padding: 5px;text-decoration: none;}
div.tooltip ul {z-index:100000; display: block; width:300px !important; margin: 5px 0 5px 0 !important; list-style: none !important;}
div.tooltip ul li {width:250px; display: block; background: url(/i/msc/tick-transparent.png) left center no-repeat !important; list-style: none !important; font-size:12px; line-height: 10pt; padding: 4px 3px 4px 30px; margin-left: 0;}
div.tooltip p, div.tooltip ul li {font-family: Tahoma, sans-serif;font-size: 12px;text-decoration: none;}
div.tooltip p {padding: 0 0 10px 0 !important; font-size: 12px;}

.main_content ul.step_bullets {width:850px; margin: 5px 0 5px 5px;}
.main_content ul.step_bullets li {list-style: none !important; font-size:14px; line-height:16pt; padding: 0px 3px 2px 30px; margin-left: 0;}
.main_content ul.step_bullets li.bullet_step_1 {background: url(/i/msc/forms/bullets/step_1.png) left top no-repeat;}
.main_content ul.step_bullets li.bullet_step_2 {background: url(/i/msc/forms/bullets/step_2.png) left top no-repeat;}


.main_content ul.color_bullets {width:550px; margin: 5px 0 5px 5px;}
.main_content ul.color_bullets li {list-style: none !important; font-size:14px; line-height:16pt; padding: 3px 2px 2px 30px; margin-left: 0;}
.main_content ul.color_bullets li.bullet_blue_1 {background: url(/i/msc/forms/bullets/step_1.png) left center no-repeat;}
.main_content ul.color_bullets li.bullet_blue_2 {background: url(/i/msc/forms/bullets/step_2.png) left center no-repeat;}
.main_content ul.color_bullets li.bullet_blue_3 {background: url(/i/msc/forms/bullets/step_3.png) left center no-repeat;}
.main_content ul.color_bullets li.bullet_blue_4 {background: url(/i/msc/forms/bullets/step_4.png) left center no-repeat;}
.main_content ul.color_bullets li.bullet_blue_5 {background: url(/i/msc/forms/bullets/step_5.png) left center no-repeat;}