/**
* VAIO Care Rescue
* ©2009, 2010, 2011 Sony Corporation
*/

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

/* Global Element Styles */
    html,body{
        height: 100%;

        background-image: url(../images/oobee_bkg.png);
        background-repeat: no-repeat;
        
        font-family: Segoe UI;
        font-weight: normal;
        font-size: 12px;

        color: black;
        text-align: center;
        cursor: default;

        z-index: 1;
    }

    iframe {
        height: 100%;
        width: 100%;
        border: 0px;
    }

    h1 {        
        font-family: Segoe UI;
        font-weight: normal;
        font-size: 16px;

        text-align: left;
        color: rgb(0,51,153);
    }

    h2 {        
        font-family: Segoe UI;
        font-weight: normal;
        font-size: 12px;
    }
    
    h1.logo {
        font-family: Calibri Regular;
        font-size: 16px;
        color: rgb(51,51,51);

        margin-top: 39px;
    }

    ul {
        list-style: none;
    }

    a.link {
        font-size: 12px;
        color: rgb(0,102,204);
        text-decoration: none;
    }

    a.link:hover, a.link:active:hover, a.link:visited:hover {
        color: rgb(51, 153, 255);
        text-decoration: underline;
    }

    a.link:active, a.link:visited {
        color: rgb(0,51,153);
    }

    input {
        font-family: Segoe UI;
        font-weight: normal;
        font-size: 12px;
    }
/* Global Element Styles */

/* App Dialog */

    .appDialog {
        position: absolute;

        left: 50%;
        top: 50%;

        z-index: 1000;
        
        text-align: left;
    }

    .appDialog .header .c {
        font-size: 12px;
        height:26px;
    }

    .appDialog .header .c img {
        float: right;
        margin-right: 17px;
        margin-top: 11px;
        cursor: pointer;
    }

    .appDialog .footer .c {
        height:26px;
    }
    
    .appDialog .header {
        background:transparent url(../images/appdialog2_tl.png) no-repeat 0px 0px;
        margin-right: 26px;
    }

    .appDialog .header .c {
        background:transparent url(../images/appdialog2_tr.png) no-repeat right 0px;
        margin-right:-26px;
    }

    .appDialog .body {
        background:transparent url(../images/appdialog2_ml.png) repeat-y 0px 0px;
        margin-right:26px;
        padding-left: 18px;
    }

    .appDialog .body .c {
        background:transparent url(../images/appdialog2_mr.png) repeat-y right 0px;
        margin-right:-26px;
        padding: 0px 26px 0px 8px;       
    }

    .appDialog .body .c .content {
        padding: 22px;
    }

    .appDialog .body .c .content_error {
        
        padding: 16px 22px 22px 50px;

        background-image: url("../images/Error_32.png");
        background-repeat: no-repeat;
        background-position: 9px 11px;
    }

    .appDialog .body .c .content_warning {
        
        padding: 16px 22px 22px 50px;

        background-image: url("../images/Warning_32.png");
        background-repeat: no-repeat;
        background-position: 9px 11px;
    }

    .appDialog .body h1.title {
        line-height: 14px;
        padding: 0px;

        white-space: nowrap;
    }

    .appDialog .body .container {
        margin-top: 22px;
    }
    
    .appDialog .c .buttons {
        white-space: nowrap;

        border-top: 1px solid d8d8d8;
        text-align: right; 
        height: 43px;
        width: 100%;
        background-color: #f0f0f0;
        padding-top: 10px;
        padding-right: 12px;
    }

    .appDialog .footer {
        background:transparent url(../images/appdialog2_bl.png) no-repeat 0px 0px;
        margin-right:26px;
    }

    .appDialog .footer .c {
        background:transparent url(../images/appdialog2_br.png) no-repeat right 0px;
        margin-right:-26px;
    }

    .grayBox {
        position: absolute;
        
        z-index: 999;
        
        top: 0px;
        left: 0px;
        margin: 0px;
        padding: 0px;

        background:transparent url(../images/modal_transparency.png);
        background-repeat: both;

        height: 600px;
        width: 800px;
    }
/* App Dialog */

/* Confirm Dialog */

    .dialogBody {
        text-align: left;
        background-image: url(''); 
        background-color: #757fc6;

        height: 100%; 
        min-height: 100%;
    }

    .confirmDialog {
        width: 100%;
        
        text-align: left;

        color:#000;

        margin: 0px;
        padding: 0px;
        border: 0px;
    }

    .confirmDialog .header .c {
        font-size: 0pt;
        height: 7px;
    }

    .confirmDialog .footer .c {
        font-size: 0pt;
    }

    .confirmDialog .header .c img {
        float: right;
        margin-right: 17px;

        cursor: pointer;
    }

    .confirmDialog .header .c .title {
        height: 7px;
    }

    .confirmDialog .footer .c {
        font-size: 0pt;
        height: 7px;
    }
    
    .confirmDialog .header {
        background:transparent url(../images/confirmDialog_tl.png) no-repeat 0px 0px;
        margin-right: 7px;
    }

    .confirmDialog .header .c {
        background:transparent url(../images/confirmDialog_tr.png) no-repeat right 0px;
        margin-right:-7px;
    }

    .confirmDialog .body {
        background:transparent url(../images/confirmDialog_ml.png) repeat-y 0px 0px;
        margin-right: 7px;
        padding-left: 0px;
    }

    .confirmDialog .body .c {
        background:transparent url(../images/confirmDialog_mr.png) repeat-y right 0px;
        margin-right:-7px;
        padding: 0px 7px 0px 7px;
    }

    .confirmDialog .body .c .content {
        padding: 22px;
    }

    .confirmDialog .body .container {
        margin-top: 22px;
    }

    .confirmDialog .body h1.title {
        line-height: 14px;
        padding: 0px;

        white-space: nowrap;
    }
    
    .confirmDialog .c .buttons {
        white-space: nowrap;

        border-top: 1px solid d8d8d8;
        text-align: right; 
        height: 42px;
        width: 100%;
        
        background-color: #f0f0f0;

        padding-top: 10px;
        padding-right: 12px;
    }

    .confirmDialog .footer {
        background:transparent url(../images/confirmDialog_bl.png) no-repeat 0px 0px;
        margin-right: 7px;
        font-size: 0pt;
    }

    .confirmDialog .footer .c {
        background:transparent url(../images/confirmDialog_br.png) no-repeat right 0px;
        margin-right: -7px;
        font-size: 0pt;
    }
/* Confirm Dialog */

/* Help Dialog */

    .helpDialog {
        background:transparent url(../images/helpdialog.png) no-repeat 0px 0px;
        position: absolute;

        top: 0px;
        right: 0px;
        z-index: 998;

        margin-right: 0px;
        margin-top: 0px;
        
        text-align: left;

        width: 380px;
        height: 500px;

        overflow: hidden;
    }

    .helpDialog .header {
        margin: 10px 10px 0px 10px;
        padding: 0px 7px 0px 10px;

        height: 26px;
        line-height: 26px;
    }

    .helpDialog .header .title {
        color: #000;
    }

    .helpDialog .body {
        border: 0px;
        margin: 3px 18px 0px 18px;
        height: 443px;
        overflow: auto;
    }

    .closeButton, .closeButton_hover, .closeButton_push {
        position: absolute;
        right: 5px;
        top: -1px;

        height: 44px;
        width: 71px;
    }
    
    .closeButton {
        background:transparent url(../images/window_close_normal.png) no-repeat 0px 0px;
    }

    .closeButton_hover {
        background:transparent url(../images/window_close_hover.png) no-repeat 0px 0px;
    }
    
    .closeButton_push {
        background:transparent url(../images/window_close_push.png) no-repeat 0px 0px;
    }

    .closeButton_hit {
        cursor: pointer;
        position: absolute;
        right: 12px;
        top: 10px;
        font-size: 1px;
        line-height: 1px;

        height: 22px;
        width: 47px;   
    }
/* Help Dialog */

/* About Dialog */

    .aboutDialog{
        background:transparent url(../images/aboutdialog.png) no-repeat 0px 0px;
        position: absolute;
        
        top: 145px;
        left: 180px;

        z-index: 1000;

        text-align: left;
        
        margin: 0px 0px 0px 0px;

        padding: 10px 10px 0px 10px;     

        width: 440px;
        height: 330px;
    }

    .aboutDialog .header {
        margin-left: 10px;
        padding: 1px 0px 0px 0px;

        height: 26px;
        line-height: 26px;
    }

    .aboutDialog .header .title {
        color: #000;
    }

    .aboutDialog .body {
        margin: 2px 8px 0px 8px;
        padding: 16px 12px 10px 12px;
        height: 275px;
    }        
    
     .aboutDialog .footer{
		position: relative;
		top: -41px;

        text-align: right;
        line-height:  39px;

        height: 39px;
        width: 403px;

        padding-top: 8px;
        padding-right: 10px;

        background-color: #f0f0f0;
        border-top: 1px solid #ccc;
        margin-left: 8px;
    }
/* About Dialog */

/* Main Windows */
    
    /* Top Window */
    .topWindow {    
        background-image: url(../images/Top_screen_window_2.png);
        background-repeat: no-repeat;
        
        text-align: left;
        
        margin: 55px 0px 0px 0px;

        padding: 26px 0px 6px 26px;

        height: 515px;
        width: 552px;
    }

    /* Main Content Area */
    .topWindow .content{
        position: relative;
        padding: 22px;
        width: 500px;
        height: 452px;
    }

    /* Footer */
    .topWindow .footer{
		position: relative;
		top: -44px;

        text-align: right;
        line-height:  42px;

        height: 42px;
        width: 500px;

        padding-top: 10px;
        padding-right: 12px;

        background-color: #f0f0f0;
        border-top: 1px solid #ccc;
    }

    .wizardWindow {    
        background-image: url(../images/Wizard_window_2.png);
        background-repeat: no-repeat;
        
        text-align: left;
        
        margin: 25px 0px 0px 0px;

        padding: 20px 0px 6px 26px;

        height: 546px;
        width: 590px;
    }

     /* Title Bar */
    .wizardWindow .header{
        width: 540px;
        height: 42px;
        padding-top: 1px;
        
        line-height: 39px;
    }

    .wizardWindow .header span {
        margin-left: 5px;
        padding-left: 23px;
        background-image: url(../images/VCR_16.png);
        background-repeat: no-repeat;        
    }

    /* Back Button */
    .wizardWindow a.back{
        height: 27px; 
        width: 27px;

        background-image: url(../images/Back_button_normal.png);
        background-repeat: no-repeat;
        
        margin-top: 7px;
        margin-left: 1px;

        float: left;
    }

    .wizardWindow a.back:hover{
        background-image: url(../images/Back_button_hover.png);
        background-repeat: no-repeat;
    }

    .wizardWindow a.back:active{
        background-image: url(../images/Back_button_push.png);
        background-repeat: no-repeat;
    }

    .wizardWindow a.back_disable{
        height: 27px; 
        width: 27px;
        
        cursor: default;

        background-image: url(../images/Back_button_disable.png);
        background-repeat: no-repeat;
        
        margin-top: 7px;
        margin-left: 1px;

        float: left;
    }

    /* Main Content Area */
    .wizardWindow .content{
        position: relative;

        width: 538px;
        height: 458px;
       
        padding-top: 17px;
        padding-left: 22px;
        padding-right: 22px;
    }

    /* Footer */
    .wizardWindow .footer{
        position: relative;
		top: -42px;

        text-align: right;

        background-color: #f0f0f0;

        text-align: right;
        line-height:  42px;

        height: 42px;
        width: 538px;

        padding-top: 10px;
        padding-right: 12px;

        background-color: #f0f0f0;
        border-top: 1px solid #ccc;
    }


    /* Static Dialog Window */
    .dialogWindow .content { 
        background-image: url(../images/Dialog_window.png);
        background-repeat: no-repeat;
        
        text-align: left;
        
        margin: 191px 0px 0px 0px;
        padding: 48px 48px 6px 48px;

        height: 218px;
        width: 451px;
    }

    .dialogWindow .footer{
        margin-top: -65px;
        margin-left: 0px;
        text-align: right;
        line-height: 39px;

        height: 39px;
        width: 399px;

        padding-top: 8px;
        padding-right: 10px;

        background-color: #f0f0f0;
        border-top: 1px solid #ccc;
    }
/* Main Windows */

/* Command Buttons */

	.commandbutton, .commandbutton_hover, .commandbutton_down {
		width: 78px;
		height: 21px;
		white-space: nowrap;

		float: right;

		margin-left: 10px;
	}

	/* Default State */
	.commandbutton .leftcap {
		float: left;
		height: 21px;
		width: 4px;
		

		margin-right: -4px;
		background-image: url("../images/Command_button_normal_1.png");
		background-repeat: no-repeat;
		border: 0px;
		padding: 0px;
	}

	.commandbutton .rightcap {
		float: left;
		height: 21px;
		width: 4px;
		
		
		margin-left: -4px;
		background-image: url("../images/Command_button_normal_3.png");
		background-repeat: no-repeat;
		border: 0px;
		padding: 0px;               
	}

	.commandbutton .center {
		float: left;
		text-align: center;
		line-height: 21px;
		

        padding-left: 10px;
        padding-right: 10px;

		height: 21px;
		width: 100%;
		background-image: url("../images/Command_button_normal_2.png");
		margin-left: 4px;
		margin-right: 4px;
	}        

	/* Hover State */
	.commandbutton_hover .leftcap {
		float: left;
		height: 21px;
		width: 4px;
		

		margin-right: -4px;
		background-image: url("../images/Command_button_hover_1.png");
		background-repeat: no-repeat;
		border: 0px;
		padding: 0px;
	}

	.commandbutton_hover .rightcap {
		float: left;
		height: 21px;
		width: 4px;
		

		margin-left: -4px;
		background-image: url("../images/Command_button_hover_3.png");
		background-repeat: no-repeat;

		border: 0px;
		padding: 0px;
	}

	.commandbutton_hover .center {
		float: left;
		text-align: center;
		line-height: 21px;
		

        padding-left: 10px;
        padding-right: 10px;

		height: 21px;
		width: 100%;
		margin-left: 4px;
		margin-right: 4px;
		background-image: url("../images/Command_button_hover_2.png");
		background-repeat: repeat-x;
	}

		
	/* Click State */
	.commandbutton_down .leftcap {
		float: left;
		height: 21px;
		width: 4px;
		

		margin-right: -4px;
		background-image: url("../images/Command_button_push_1.png");
		background-repeat: no-repeat;
		border: 0px;
		padding: 0px;
	}

	.commandbutton_down .rightcap {
		float: left;
		height: 21px;
		width: 4px;
		

		margin-left: -4px;
		background-image: url("../images/Command_button_push_3.png");
		background-repeat: no-repeat;

		border: 0px;
		padding: 0px;
	}

	.commandbutton_down .center {
		float: left;
		text-align: center;
		line-height: 21px;
		
        
        padding-left: 10px;
        padding-right: 10px;

		height: 21px;
		width: 100%;
		margin-left: 4px;
		margin-right: 4px;
		background-image: url("../images/Command_button_push_2.png");
		background-repeat: repeat-x;
	}
/* Command Buttons */

/* Command Links */

    /* 58 */

        .commandlink_58, .commandlink_58_hover, .commandlink_58_down {
            width: 100%;
            height: 58px;

            list-style: none;

            margin-top: 0px;
            margin-bottom: -3px;
        }

        .commandlink_58 a, .commandlink_58_hover a, .commandlink_58_down a {
            text-decoration: none;
            cursor: pointer;

            font-size: 16px;
        }

        /* Default State */
        .commandlink_58 .leftcap {
            float: left;
            height: 58px;
            width: 4px;

            margin-right: -4px;
            border: 0px;
            padding: 0px;
        }

        .commandlink_58 .rightcap {
            float: left;
            height: 58px;
            width: 4px;
            
            margin-left: -4px;
            border: 0px;
            padding: 0px;               
        }

        .commandlink_58 .center {
            float: left;

            height: 58px;
            width: 100%;
            margin-left: 4px;
            margin-right: 4px; 
        }
        
        .commandlink_58 .commandcontent {
            padding-top: 10px;
            height: 58px;
            padding-left: 30px;
            
            background-image: url("../images/arrow.png");
            background-repeat: no-repeat;
            background-position: 7px 12px;
        }

        .commandlink_58 .title {
            margin-top: 10px;
            font-size: 16px;
            color: rgb(21,28,85);
        }
        
        .commandlink_58 .supplement {
            height: 0px; /* fix for margin */
            margin-top: 1px;

            font-size: 12px;
            color: rgb(21,28,85);        
        }             

        /* Hover State */
        .commandlink_58_hover .leftcap {
            float: left;
            height: 58px;
            width: 4px;

            margin-right: -4px;
            background-image: url("../images/Command_link_58_hover_1.png");
            background-repeat: no-repeat;
            border: 0px;
            padding: 0px;
        }

        .commandlink_58_hover .rightcap {
            float: left;
            height: 58px;
            width: 4px;

            margin-left: -4px;
            background-image: url("../images/Command_link_58_hover_3.png");
            background-repeat: no-repeat;

            border: 0px;
            padding: 0px;
        }

        .commandlink_58_hover .center {
            float: left;
            height: 58px;
            width: 100%;
            margin-left: 4px;
            margin-right: 4px;
            background-image: url("../images/Command_link_58_hover_2.png");
            background-repeat: repeat-x;
            
            border: 0px;
            padding: 0px;
        }

		.commandlink_58_hover .commandcontent {
            padding-top: 10px;
            height: 58px;
            padding-left: 30px;
            
            background-image: url("../images/arrow.png");
            background-repeat: no-repeat;
            background-position: 7px 12px;
        }

        .commandlink_58_hover .title {
            margin-top: 10px;
            font-size: 16px;
			color: rgb(7,74,229);
        }
        
        .commandlink_58_hover .supplement {
            height: 0px; /* fix for margin */
            margin-top: 1px;

            font-size: 12px;
            color: rgb(21,28,85);
        }    
        
        /* Click State */
        .commandlink_58_down .leftcap {
            float: left;
            height: 58px;
            width: 4px;

            margin-right: -4px;
            background-image: url("../images/Command_link_58_push_1.png");
            background-repeat: no-repeat;
            border: 0px;
            padding: 0px;
        }

        .commandlink_58_down .rightcap {
            float: left;
            height: 58px;
            width: 4px;

            margin-left: -4px;
            background-image: url("../images/Command_link_58_push_3.png");
            background-repeat: no-repeat;

            border: 0px;
            padding: 0px;
        }

        .commandlink_58_down .center {
            float: left;
            height: 58px;
            width: 100%;
            margin-left: 4px;
            margin-right: 4px;
            background-image: url("../images/Command_link_58_push_2.png");
            background-repeat: repeat-x;
            
            border: 0px;
            padding: 0px;
        }

        .commandlink_58_down .commandcontent {
            padding-top: 10px;
            height: 58px;
            padding-left: 30px;
            
            background-image: url("../images/arrow.png");
            background-repeat: no-repeat;
            background-position: 7px 12px;
        }

        .commandlink_58_down .title {
            margin-top: 10px;
            font-size: 16px;
            color: rgb(21,28,85);
        }
        
        .commandlink_58_down .supplement {
            height: 0px; /* fix for margin */
            margin-top: 1px;

            font-size: 12px;
            color: rgb(21,28,85);
        }        
    /* 58 */

	/* 41 */

        .commandlink_41, .commandlink_41_hover, .commandlink_41_down {
            width: 100%;
            height: 41px;

            list-style: none;

            margin-top: 0px;
            margin-bottom: -3px;
        }

        .commandlink_41 a, .commandlink_41_hover a, .commandlink_41_down a {
            text-decoration: none;
            cursor: pointer;

            font-size: 16px;
        }

        /* Default State */
        .commandlink_41 .leftcap {
            float: left;
            height: 41px;
            width: 4px;

            margin-right: -4px;
            border: 0px;
            padding: 0px;
        }

        .commandlink_41 .rightcap {
            float: left;
            height: 41px;
            width: 4px;
            
            margin-left: -4px;
            border: 0px;
            padding: 0px;               
        }

        .commandlink_41 .center {
            float: left;

            height: 41px;
            width: 100%;
            margin-left: 4px;
            margin-right: 4px; 
        }
        
        .commandlink_41 .commandcontent {
            padding-top: 10px;
            height: 41px;
            padding-left: 30px;
            
            background-image: url("../images/arrow.png");
            background-repeat: no-repeat;
            background-position: 7px 12px;
        }

        .commandlink_41 .title {
            margin-top: 10px;
            font-size: 16px;
            color: rgb(21,28,85);
        }
        
        .commandlink_41 .supplement {
            font-size: 12px;
            color: rgb(21,28,85);
        }             

        /* Hover State */
        .commandlink_41_hover .leftcap {
            float: left;
            height: 41px;
            width: 4px;

            margin-right: -4px;
            background-image: url("../images/Command_link_41_hover_1.png");
            background-repeat: no-repeat;
            border: 0px;
            padding: 0px;
        }

        .commandlink_41_hover .rightcap {
            float: left;
            height: 41px;
            width: 4px;

            margin-left: -4px;
            background-image: url("../images/Command_link_41_hover_3.png");
            background-repeat: no-repeat;

            border: 0px;
            padding: 0px;
        }

        .commandlink_41_hover .center {
            float: left;
            height: 41px;
            width: 100%;
            margin-left: 4px;
            margin-right: 4px;
            background-image: url("../images/Command_link_41_hover_2.png");
            background-repeat: repeat-x;
            
            border: 0px;
            padding: 0px;
        }

		.commandlink_41_hover .commandcontent {
            padding-top: 10px;
            height: 41px;
            padding-left: 30px;
            
            background-image: url("../images/arrow.png");
            background-repeat: no-repeat;
            background-position: 7px 12px;
        }

        .commandlink_41_hover .title {
            margin-top: 10px;
            font-size: 16px;
			color: rgb(7,74,229);
        }
        
        .commandlink_41_hover .supplement {
            font-size: 12px;
            color: rgb(21,28,85);
        }    
        
        /* Click State */
        .commandlink_41_down .leftcap {
            float: left;
            height: 41px;
            width: 4px;

            margin-right: -4px;
            background-image: url("../images/Command_link_41_push_1.png");
            background-repeat: no-repeat;
            border: 0px;
            padding: 0px;
        }

        .commandlink_41_down .rightcap {
            float: left;
            height: 41px;
            width: 4px;

            margin-left: -4px;
            background-image: url("../images/Command_link_41_push_3.png");
            background-repeat: no-repeat;

            border: 0px;
            padding: 0px;
        }

        .commandlink_41_down .center {
            float: left;
            height: 41px;
            width: 100%;
            margin-left: 4px;
            margin-right: 4px;
            background-image: url("../images/Command_link_41_push_2.png");
            background-repeat: repeat-x;
            
            border: 0px;
            padding: 0px;
        }

        .commandlink_41_down .commandcontent {
            padding-top: 10px;
            height: 41px;
            padding-left: 30px;
            
            background-image: url("../images/arrow.png");
            background-repeat: no-repeat;
            background-position: 7px 12px;
        }

        .commandlink_41_down .title {
            margin-top: 10px;
            font-size: 16px;
            color: rgb(21,28,85);
        }
        
        .commandlink_41_down .supplement {
            font-size: 12px;
            color: rgb(21,28,85);
        }        
    /* 41 */
/* Command Links */

/* Checkboxes */

    .checkbox {
        position: absolute;
        left: -1000px;
    }

    .checkbox_unchecked {
        background: url("../images/Check_box_normal.png") no-repeat;
        display: block;

        white-space: nowrap;
        width: 10px;
        padding-left: 17px;
    }

    .checkbox_unchecked_hover {   
        background: url("../images/Check_box_hover.png") no-repeat;
        display: block;
        
        white-space: nowrap;
        width: 10px;
        padding-left: 17px;
    }

    .checkbox_unchecked_click {   
        background: url("../images/Check_box_push.png") no-repeat;
        display: block;
        
        white-space: nowrap;
        width: 10px;
        padding-left: 17px;
    }

    .checkbox_unchecked_disable {   
        background: url("../images/Check_box_disable.png") no-repeat;
        display: block;
        
        white-space: nowrap;
        width: 10px;
        padding-left: 17px;
    }

    .checkbox_checked {   
        background: url("../images/Check_box_selected_normal.png") no-repeat;
        display: block;
        
        white-space: nowrap;
        width: 10px;
        padding-left: 17px;
    }

    .checkbox_checked_hover {   
        background: url("../images/Check_box_selected_hover.png") no-repeat;
        display: block;
        
        white-space: nowrap;
        width: 10px;
        padding-left: 17px;
    }

    .checkbox_checked_click {   
        background: url("../images/Check_box_selected_push.png") no-repeat;
        display: block;
        
        white-space: nowrap;
        width: 10px;
        padding-left: 17px;
    }

    .checkbox_checked_disable {   
        background: url("../images/Check_box_selected_disable.png") no-repeat;
        display: block;
        
        white-space: nowrap;
        width: 10px;
        padding-left: 17px;
    }
/* Checkboxes */

/* Radio Buttons*/
    
    .radiobutton {
        position: absolute;
        left: -1000px;
    }

    .radiobutton_unchecked {
        background: url("../images/Radio_button_normal.png") no-repeat 0px 50%;
        display: block;

        padding-left: 17px;
    }

    .radiobutton_unchecked_hover {   
        background: url("../images/Radio_button_hover.png") no-repeat 0px 50%;
        display: block;
        
        padding-left: 17px;
    }

    .radiobutton_unchecked_click {   
        background: url("../images/Radio_button_push.png") no-repeat 0px 50%;
        display: block;
        
        padding-left: 17px;
    }

    .radiobutton_unchecked_disable {   
        background: url("../images/Radio_button_disable.png") no-repeat 0px 50%;
        display: block;

        padding-left: 17px;
    }

    .radiobutton_checked {   
        background: url("../images/Radio_button_selected_normal.png") no-repeat 0px 50%;
        display: block;
        
        padding-left: 17px;
    }

    .radiobutton_checked_hover {   
        background: url("../images/Radio_button_selected_hover.png") no-repeat 0px 50%;
        display: block;
       
        padding-left: 17px;
    }

    .radiobutton_checked_click {   
        background: url("../images/Radio_button_selected_push.png") no-repeat 0px 50%;
        display: block;
       
        padding-left: 17px;
     }

    .radiobutton_checked_disable {   
        background: url("../images/Radio_button_selected_disable.png") no-repeat 0px 50%;
        display: block;
        
        padding-left: 17px;
    }
/* Radio Buttons*/

/* Progress Bar */
    .progressbar {
        background-image: url("../images/Progress_bar_base_2.png");
        background-repeat: repeat-x;

        height: 15px;
        width: 355px;

        overflow: hidden;
    }

    .progressbar .cap_l {
        float: left;

        width: 4px;
        height: 15px; 

        background-image: url("../images/Progress_bar_base_1.png");
        background-repeat: no-repeat;
    }

    .progressbar .cap_r {
        float: right;

        width: 4px;
        height: 15px; 

        background-image: url("../images/Progress_bar_base_3.png");
        background-repeat: no-repeat;
    }

    .progressbar .fill {
        float: left;
        
        position: absolute;

        margin-left: -3px;
        margin-right: -3px;
        margin-top: 0px;

        height: 15px;
        width: 0px;
        
        overflow: hidden;

        background-image: url("../images/Progress_bar_layer_3_tile.png");
        background-repeat: repeat-x;
    }

    .progressbar .fill_ind {
        float: left;
        
        position: absolute;

        margin-left: -3px;
        margin-right: -3px;
        margin-top: 0px;

        height: 15px;
        width: 0px;
        
        overflow: hidden;
    }

    .progressbar .fill_l {
        position: absolute;
        left: 0px;

        z-index: 2;

        height: 15px;
        width: 50px;
        
        overflow: hidden;

        background-image: url("../images/Progress_bar_layer_3_l.png");
        background-repeat: repeat-x;
    }

    .progressbar .fill_r {
        position: absolute;
        right: 0px;

        z-index: 1;

        height: 15px;
        width: 50px;
        
        overflow: hidden;

        background-image: url("../images/Progress_bar_layer_3_r.png");
        background-repeat: repeat-x;
    }

    .progressbar .shine {

        width: 121px;
        height: 15px;
               
        position: absolute;
        left: 25px;

        z-index: 3;
        
        background-image: url("../images/Progress_bar_layer_2.png");
        background-repeat: repeat-x;
    }

    .progressbar .shine_ind {

        width: 121px;
        height: 15px;
               
        position: absolute;
        left: 25px;

        z-index: 3;
        
        background-image: url("../images/Indeterminate_progress_layer_2.png");
        background-repeat: repeat-x;
    }
    
    .progressbar .highlight {
        background-image: url("../images/Progress_bar_layer_1_tile.png");
        background-repeat: repeat-x;

        position: absolute;
        left: 1px;
        top: 0px;
        
        z-index: 4;
        
        width: 1px;
        height: 15px;
    }
/* Progress Bar */

/* Messages */
    .warning {
        width: 100%;

        padding: 0px 0px 0px 25px;

        line-height: 18px;

        background-image: url("../images/Warning_16.png");
        background-repeat: no-repeat;
        background-position: 5px 3px;
    }

    .error {
        width: 100%;

        padding: 0px 0px 0px 25px;
        
        line-height: 18px;

        background-image: url("../images/Error_16.png");
        background-repeat: no-repeat;
        background-position: 5px 3px;
    }
/* Messages */