/* 
    Document   : widgetPaymentMySpace
    Created on : 18.11.2009, 10:47:38
    Author     : Jan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body    {
    background-color:#424242;
    margin:0px;
    padding:10px 0px 10px 0px;
    font-family:Arial, sans-serif;
    font-size:12px;
}
a   {
    color:#7f7f7f;
}
.darkenedBg {
    width:100%;
    height:auto;
    background-image:url(../images/widgetPayment/MySpace/bgGradientBottom.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    background-color:#000000;
    float:left;
}
.darkenedBgTop  {
    width:100%;
    height:100%;
    background-image:url(../images/widgetPayment/MySpace/bgGradientTop.gif);
    background-repeat:repeat-x;
    background-position:top;
    float:left;
}
.main   {
    width:704px;
    margin:0px auto -100px auto;
    position:relative;
}
.mainBg{
    width:100%;
    height:100%;
    float:left;
    background-color:#ffffff;
    background-image:url(../images/widgetPayment/MySpace/bgBody.gif);
    background-repeat:repeat-y;
}
.mainTop    {
    width:100%;
    height:71px;
    float:left;
    background-image:url(../images/widgetPayment/MySpace/bgBodyTop.gif);
    background-repeat:no-repeat;
    background-position:top;
    border-bottom:1px solid #41b4e3;
}
.mainBottom    {
    width:100%;
    height:100%;
    float:left;
    background-image:url(../images/widgetPayment/MySpace/bgBodyBottom.gif);
    background-repeat:no-repeat;
    background-position:bottom;
}
.mainPadding    {
    padding:15px 25px 15px 25px;
    float:left;
    width:654px;
    height:auto;
}
h1  {
    float:left;
    margin:0px;
    padding:10px 10px 10px 0px;
    color:#383838;
    font-weight:normal;
    font-size:18px;
}
.logo   {
    float:right;
}
hr  {
    clear:both;
    margin:0px -25px 0px -25px;
    height:0px;
    border-top:1px solid #41b4e3;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
}
.header {
    background-image:url(../images/widgetPayment/MySpace/bgHeader.gif);
    background-repeat:no-repeat;
    background-position:top center;
    width:100%;
    padding:3px 15px 4px 15px;
    margin:-14px -15px 0px -15px;
    position:relative;
    color:#7f7f7f;
    font-weight:bold;
    float:left;
}
.row {
    background-image:url(../images/widgetPayment/MySpace/bgRow.gif);
    background-repeat:no-repeat;
    background-position:bottom center;
    width:100%;
    padding:3px 15px 4px 15px;
    margin:0px -15px 0px -15px;
    position:relative;
    color:#000000;
    float:left;
}
.col1   {
    float:left;
    height:100%;
    width:42%;
}
.col2   {
    float:left;
    height:100%;
    width:40%;
}
.col3   {
    width:15%;
    float:left;
    height:100%;
}
.col4   {
    width:3%;
    float:right;
    height:100%;
    text-align:right;
}
.overall    {
    float:right;
    color:#7f7f7f;
    margin:0px;
    padding:4px 5px 3px 5px;
}
.overallPrice   {
    float:right;
    width:18%;
    height:auto;
    padding:4px 0px 3px 0px;
    background-color:#41b4e3;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
}
.priceOverview  {
    width:100%;
    height:auto;
    padding:10px 0px 10px 0px;
    float:left;
}
.toc    {
    width:60%;
    float:left;
    height:auto;
    padding-top:10px;
}
.toc .checkbox  {
    width:5%;
    float:left;
    height:100%;
}
.toc p  {
    width:93%;
    float:right;
    height:100%;
    margin:0px;
}
.right  {
    float:right;
    width:30%;
    height:auto;
    text-align:right;
    padding-top:20px;
}
.right button   {
    float:right;
}
.badges {
    margin:auto;
    width:auto;
    text-align:center;
    padding-top:10px;
    clear:both;
    font-size:0px;
}
.badges p   {
    display:inline;
    font-size:10px;
    color:#cccccc;
    position:relative;
    top:4px;
}
.PensioPaymentForm  {
    margin:auto !important;
    text-align:center;
    width:auto !important;
    padding-top:40px;
}
.PensioPaymentForm  form    {
    margin:auto;
}
.downloadPreparingNote  {
    text-align:center;
    width:100%;
    margin:0px;
    padding-top:30px;
    padding-bottom:50px;
    font-size:10px;
    color:#7f7f7f;
}
.download   {
    height:300px;
}
.download p   {
    margin:0px;
    padding-top:15px;
    font-weight:normal;
    color:#000000;
}
.download_button    {
    width:100%;
    height:75px;
    margin-top:1px;
    margin-bottom:-15px;
    position:relative;
    text-align:center;
    background-position:center;
    background-repeat:no-repeat;
    padding-top:22px;
    background-image:url(../images/widgetPayment/MySpace/bgDownloadButton.jpg);
}
.download_button button {
    margin:auto;
    text-align:center;
}
.tac    {
    width:500px;
    height:300px;
    margin:20px auto 10px auto;
    clear:both;
    border:10px solid #cccccc;
    padding:20px;
    overflow-x:hidden;
    overflow-y:auto;
    background-color:#ffffff;
}
.forgottenCheckbox  {
    padding:2px;
    font-size:0px;
    background-color:#ff0000;
    float:left;
}
.forgottenCheckbox input    {
    margin:0px;
    padding:0px;
}