/* Color Palette

rgb(229,217,22); /* yellow
rgb(241,226,155); /* light gold
rgb(222,95,27); /* orange
rgb(255,239,237); /* light red
rgb(207,18,0); /* red
rgb(124,171,33); /* green
rgb(215,239,255); /* light blue
rgb(0,113,188); /* blue
rgb(186,193,192); /* light powder blue
rgb(82,98,147); /* cornflower
rgb(96,134,183); /* dark powder blue
rgb(47,72,126); /* dark cornflower 
rgb(47,93,118); /* deep blue
rgb(240,242,227); /* really light grey
rgb(219,219,219); /* light grey
rgb(165,165,165); /* grey
rgb(84,84,84); /* dark grey
rgb(103,103,103); /* medium grey
rgb(255,255,255); /* white 
rgb(0,0,0); /* black 

*/

html, body
{
    margin: 0em;
    padding: 0em;
    text-align: center;
    background: rgb(229,229,229) url(../../../images/CloudServicesReady/en-us/bg-page.jpg) repeat-x; /* light grey */
    color: rgb(84,84,84); /* dark grey */
}

/* This sets the font-types */
body, h1, h2, h3, h4, h5, h6, td, p, li, input, select, textarea
{
    font-family: Calibri, Arial, Helvetica, sans-serif;
}

img
{
    /* This turns off borders around images */
    border: 0;
}

/* Ordinary paragraphs and list-items */
p, ul, ol, table
{
    margin: 0em;
    padding: 0em;
    margin-bottom: 1.2em;
    font-size: 14px;
    line-height: 1.4em;
}

p
{
    clear: both;
}

ul li
{
    font-size: 14px;
    margin-bottom: 0.4em;
}

/* General font sizing -- for IE */
input, textarea, select, td, th
{
    font-size: 14px;
}

/* General link colors */
a, a:visited, a:active
{
    color: rgb(29,170,226); /* mural blue */
}

a:hover
{
    color: rgb(47,93,118); /* deep blue */
    text-decoration: underline;
}

acronym, abbr
{
    border-bottom: 1px dotted black;
    cursor: help;
}

sup
{
    font-size: 11px;
}

code
{
    font: 12px 'Courier New' , Courier, Fixed;
}





/* ================================ Layout Containers ================================ */

div.page
{
    width: 951px;
    margin: 0 auto 5.0em auto;
    text-align: left;
    position: relative;
    background-color: rgb(255,255,255); /* white */
}

div.container
{
    width: 951px;
    margin: 0;
    padding: 25px 0 0 0;
    position: relative;
    clear: both;
}

div.container:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.container
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html div.container
{
    height: 1%;
}
div.container
{
    display: block;
}
/* End hide from IE-mac */

div.content
{
    float: left;
    width: 565px;
    position: relative;
    margin-left: 25px;
    margin-right: 30px;
}

*html div.content
{
    /* for IE6 */
    margin-left: 12px;
    margin-right: 10px;
    width: 560px;
}

div.sidebar
{
    width: 290px;
    float: left;
    position: relative;
    display: inline-block;
    clear: none;
}

div.footer
{
    clear: both;
    padding-top: 1.0em;
    font-size: 12px;
    background: rgb(229,229,229); /* light grey */
    color: rgb(165,165,165); /* grey */
    font: Calibri, Arial, Helvetica, sans-serif;
    width: 951px;
    position: relative;
    border-top: 0;
    margin-bottom: -25px;
}

.footer a
{
    color: rgb(165,165,165);
}

/* ================================ Headers ================================ */

/*
 	h1 - title
	h2 - page titles
	h3 - section titles
	h4 - section subtitles / sidebar titles
	h5 - report toggle links / sidebar subtitles
*/


h1
{
    color: rgb(255,255,255); /* white */
    position: absolute;
    top: 26px;
    left: 25px;
    margin: 0;
    padding-top: 8px;
    font-size: 20px;
    font-family: Calibri, Arial, Helvetica, sans-serif !important;
    overflow: visible;
}

h1 em
{
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
}

h1 img
{
    padding-right: 5px;
    margin-right: 8px;
    margin-top: -8px;
    padding: 10px 14px 10px 0;
    vertical-align: middle;
    overflow: visible;
    position: relative;
}

.header h1
{
    text-indent: -9999px;
}

h2
{
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0.5em 0;
    color: rgb(47,93,118); /* deep blue */
}

h3
{
    font-size: 16px;
    padding: 0.5em 0 0 0;
    margin: 0 0 0.5em 0;
    color: rgb(47,93,118); /* deep blue */
    clear: both;
}

h3 a, h3 a:link, h3 a:visited
{
    color: rgb(0,0,0); /* black */
}

h3 em
{
    float: right;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin-top: -1.7em;
}

h3 em a, h3 em a:link, h3 em a:visited
{
    color: rgb(47,93,118); /* deep blue */
}

h4
{
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0.5em 0;
    color: rgb(0,0,0); /* black */
}

div.copy h4
{
    clear: both;
    font-weight: normal;
    background: rgb(225,242,250); /* really light grey */
    padding: 2px 0 2px 8px;
    position: relative;
    margin-top: 1.0em;
    font-size: 14px;
}

div.copy h4 em
{
    font-size: 12px;
    position: absolute;
    top: 3px;
    right: 0;
    font-style: normal;
    font-weight: normal;
}

div.sidebar h5
{
    font-size: 16px;
    padding: 0;
    margin: 0 0 0.2em 0;
    font-weight: bold;
    color: rgb(47,93,118); /* dark grey */
    position: relative;
    display: block;
}

div.sidebar h5.big-h5
{
    font-size: 16px;
}

dl.report h5
{
    padding: 0;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
    cursor: hand;
    text-decoration: underline;
    color: rgb(84,84,84); /* dark grey */
    font-size: 14px;
    line-height: 1.0em;
    margin-bottom: 0.5em;
}

div.sidebar h6
{
    font-size: 14px;
    margin: 0 0 0.4em 0;
    padding: 0;
    font-weight: bold;
}




/* ================================ Header ================================ */

div.header
{
    width: 951px;
    background: url(../../../images/CloudServicesReady/en-us/bg-header.jpg) no-repeat;
    position: relative;
    padding: 80px 0 0 0;
    margin: 0;
}

div.logo a
{
    position: absolute;
    top: 0px;
    right: 0px;
    text-indent: -9999px;
    width: 90px;
    height: 68px;
    display: block;
}

div.logo a
{
    display: block;
}

div.navigation
{
    clear: both;
    width: 951px;
    margin: 0;
    padding: 0;
    background: rgb(255,255,255) url(../../../images/CloudServicesReady/en-us/bg-nav.gif) repeat-x; /* white */
    height: 63px;
    position: relative;
}

div.navigation ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.navigation ul li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 28px;
    width: auto;
}

div.navigation ul li.smenu1
{
    width: 105px;
}

div.navigation ul li.smenu2
{
    width: 90px;
}

div.navigation ul li.smenu3
{
    width: 90px;
}

div.navigation ul li.smenu4
{
    width: 140px;
}

div.navigation ul li.smenu5
{
    /* logout */
    width: 80px;
    float: right;
    border-left: 1px solid rgb(220,220,220);
}

div.navigation ul li.smenu5 a
{
}

div.navigation ul li ul.subnavigation
{
    display: none;
}

div.navigation ul li.hover ul.subnavigation, div.navigation ul li.current-nav ul.subnavigation
{
    display: block;
    position: absolute;
    top: 31px;
    left: 0;
    width: 951px;
    height: 28px;
}

div.navigation ul li.hover ul.subnavigation li, div.navigation ul li.current-nav ul.subnavigation li
{
    color: rgb(255,255,255); /* white */
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    height: 30px;
}

*html div.navigation ul li.hover ul.subnavigation li, *html div.navigation ul li.current-nav ul.subnavigation li
{
    width: 140px;
}

div.navigation ul li a
{
    color: rgb(60,60,60); /* dark grey */
    text-decoration: none;
    font-size: 12px;
    padding: 5px 15px 0px 15px;
    display: block;
    height: 25px;
    position: relative;
    overflow: visible;
}

div.navigation ul li.current-nav a
{
    background: rgb(34,34,34); /* dark grey  */
    color: rgb(255,255,255); /* white */
    height: 30px;
    overflow: visible;
    position: relative;
}

div.navigation ul li.hover ul.subnavigation li a, div.navigation ul li.current-nav ul.subnavigation li a
{
    color: rgb(219,219,219); /* light grey */
    text-decoration: none;
    padding: 7px 10px 3px 16px;
    display: block;
    height: 20px;
    background-image: none;
    font-size: 12px;
}

div.navigation ul li a:hover
{
    background: rgb(50,50,50); /* grey  */
    text-decoration: underline;
    color: rgb(255,255,255); /* white */
    height: 28px;
    overflow: visible;
    position: relative;
}

div.navigation ul li ul.subnavigation li a.current-subnav
{
    font-weight: bold;
    color: rgb(255,255,255); /* white */
}

div.navigation ul li ul.subnavigation li a:hover
{
    text-decoration: underline;
    color: rgb(255,255,255); /* white */
}


/* ================================ Content ================================ */

div.content
{
    line-height: 1.6em;
}

div.copy
{
}

div.copy-full
{
    margin-left: 3.0em;
    margin-right: 3.0em;
    line-height: 1.6em;
}

*html div.copy-full
{
    margin-left: 20px;
    margin-right: 20px;
}

div.copy-full h5
{
    text-align: center;
    font-size: 16px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

div.copy ul
{
    margin-left: 2.0em;
    padding: 0;
}

div.copy dl.file-list dd
{
    margin-bottom: 1.0em;
}

div.copy br
{
    clear: both;
    line-height: 0;
    height: 0;
    display: block;
}

div.callout
{
    background: rgb(199,219,246); /* light powder blue */
    border: 1px solid rgb(47,72,126); /* dark cornflower */
    margin-bottom: 2.5em;
    padding: 0.5em 0.5em 0 0.5em;
    line-height: 1.2em;
}

div.callout a
{
    font-size: 16px;
    color: rgb(207,18,0); /* red */
    text-decoration: none;
    margin: 0;
}

div.activity-actions
{
    height: 2.0em;
    padding-right: 3px;
    border-bottom: 1px solid rgb(219,219,219);
    font-size: 14px;
}

div.activity-actions span.activity-show
{
    font-size: 14px;
    float: left;
    height: 2.0em;
}

div.activity-actions span.activity-show input
{
    margin: 0;
    padding: 0;
    vertical-align: middle;
    margin-right: 5px; /* added by proteans, to give space beetween the checkbox and the label */
}

div.activity-actions span.activity-show label
{
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 14px;
}

div.activity-actions ul.activities-sort
{
    list-style-type: none;
    float: right;
    padding-top: 7px;
    font-size: 12px;
}

div.activity-actions ul.activities-sort li
{
    float: left;
    margin-left: 0.7em;
    color: rgb(0,0,0); /* black */
    font-size: 12px;
}

div.activity-actions ul.activities-sort li.activity-current a
{
    text-decoration: none;
    color: rgb(0,0,0); /* black */
}

pdf.span
{
    float: right;
}

.export-drop
{
    font-size: 14px;
}

div.confirm
{
    background: rgb(225,244,255);
    height: 1.5em;
    line-height: 1.5em;
    margin-top: -1.0em;
    margin-bottom: 0.5em;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding: 7px 0 7px 0;
}

div.confirm p
{
    margin: 0;
}

div.confirm a
{
    font-size: 12px;
    font-weight: normal;
}

p.fine-print
{
    font-size: 12px;
    margin-left: 30px;
    margin-right: 30px;
    color: rgb(180,180,180); /* medium light greay */
}

/* ================================ Progress Bar ================================ */

div.copy ul.progress
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.progress li
{
    width: 21%;
    float: left;
    font-size: 12px;
    margin: 0 0 1.0em 0;
    padding: 0;
    height: 45px;
    padding-bottom: 10px;
    background: url(../../../images/CloudServicesReady/en-us/bg-progress.jpg) repeat-x;
}

ul.progress li.last-li
{
    width: 15%;
}

ul.progress li a
{
    color: rgb(0,0,0); /* black */
    background: url(../../../images/CloudServicesReady/en-us/bg-progress-link.jpg) no-repeat top right;
    text-decoration: none;
    padding-right: 20px;
    height: 35px;
    padding-top: 10px;
    text-align: center;
    display: block;
    position: relative;
    line-height: 1.1em;
    overflow: visible;
}

ul.progress li.last-li a
{
    background: none;
    padding: 0;
    padding-top: 15px;
    height: 30px;
}

ul.progress li.first-li a
{
    padding-top: 5px;
    height: 40px;
}

ul.progress-register li.first-li a
{
    padding-top: 10px;
    height: 35px;
}

ul.progress li a:hover, ul.progress li.current-progress a
{
    background: rgb(241,226,155) url(../../../images/CloudServicesReady/en-us/bg-progress-link_on.jpg) no-repeat top right; /* light gold */
}

ul.progress li a:hover span, ul.progress li.current-progress a span
{
    background: url(../../../images/CloudServicesReady/en-us/bg-progress-link_left.gif) no-repeat top right;
    width: 20px;
    height: 45px;
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
    overflow: visible;
}

ul.progress li.last-li a:hover, ul.progress li.last-li.current-progress a, ul.progress li.last-li.current-progress a:hover
{
    background-image: none;
    padding: 0;
    padding-top: 15px;
}

*html ul.progress li, *html ul.progress li.last-li
{
    background-image: none;
    background: #E3E3E3;
    padding-bottom: 0;
    width: 20%;
}

*html ul.progress li a
{
    color: rgb(0,0,0); /* black */
    background-image: none;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid rgb(200,200,200); /* grey */
}

*html ul.progress li a span, *html ul.progress li a:hover span, *html ul.progress li.current-progress a span
{
    display: none;
}

*html ul.progress li a:hover, *html ul.progress li.current-progress a
{
    background: rgb(241,226,155); /* light gold */
    background-image: none;
}

/* ================================ Sidebar ================================ */

div.sidebar-box
{
    margin: 0 0 2.0em 25px;
    position: relative;
}

div.sidebar-box ul
{
    list-style-type: none;
}

div.sidebar-box dl
{
    margin-bottom: 1.0em;
}

div.sidebar-box dd
{
    margin-bottom: 0.5em;
}

div.sidebar-box dd em
{
    font-style: normal;
    color: rgb(54,54,54); /* really dark grey */
}

div.sidebar-subbox
{
    margin: 0 -1.0em -1.0em -1.0em;
    padding: 1.0em;
    background: rgb(240,240,240); /* really light grey */
    position: relative;
}

div.sidebar h5 em
{
    font-size: 12px;
    display: block;
    text-align: right;
    padding-right: 15px;
    font-style: normal;
    font-weight: normal;
    background: url(../../../images/CloudServicesReady/en-us/dropdown.gif) no-repeat top right;
}

div.sidebar-scores h6
{
    font-size: 12px;
    margin: 0.5em 0 0 0;
    font-weight: normal;
}

div.resource-image img
{
    margin: 0;
    padding: 0;
    margin-bottom: 1.0em;
}

div.resource-image a
{
    margin: 0;
    padding: 0;
}

div.resource-image a.first-img
{
    margin-right: 17px;
}

/* ================================ Footer ================================ */

.footer p
{
    padding: 1.0em;
    color: rgb(165,165,165); /* grey */
}

.footer div.footer-image
{
    position: absolute;
    top: 15px;
    right: 30px;
}

/* ================================ Forms ================================ */

div.page div
{
    margin-bottom: 1.0em;
}
/*
form div input 
{
    margin-bottom: 1.0em;
}*/

form div.radio-group
{
    float: left;
    width: 60%;
}

form div.radio-group-short
{
    float: left;
    width: 40%;
}

input
{
    margin-right: 5px;
}

input.text
{
    width: 65%;
    border: 1px solid rgb(219,219,219); /* light grey */
}

input.text-small
{
    width: 30%;
    border: 1px solid rgb(219,219,219); /* light grey */
}

input.text-medium
{
    width: 50%;
    border: 1px solid rgb(219,219,219); /* light grey */
}

input.text-full
{
    width: 100%;
    margin-bottom: 0.5em;
    border: 1px solid rgb(219,219,219); /* light grey */
}

form input.submit
{
    background: url(../../../images/CloudServicesReady/en-us/bg-submit.jpg) no-repeat;
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    height: 33px;
    width: 85px;
    border: 0;
    float: left;
    margin-bottom: 2.0em;
    color: #FFF;
    font-size: 13px;
    padding-bottom: 5px;
}

form input.previous
{
    background: url(../../../images/CloudServicesReady/en-us/bg-submitprevious.jpg) no-repeat;
    text-align: right;
    padding-right: 11px;
    padding-left: 8px;
    height: 33px;
    width: 85px;
    border: 0;
    float: left;
    margin-bottom: 2.0em;
    color: #FFF;
    padding-bottom: 3px;
}

form input.submit-small
{
    height: 33px;
    width: 85px;
    font-size: 12px;
    background: url(../../../images/CloudServicesReady/en-us/bg-submit.jpg) no-repeat top left;
}

form input.next
{
    float: right;
    padding-top: 6px;
}

.submit-big
{
    width: 185px !important;
    background: url(../../../images/CloudServicesReady/en-us/bg-seereco.jpg) no-repeat top left !important;
    padding-left: 20px !important;
}


form input.radio
{
    float: left;
    clear: left;
}

select
{
    width: 65%;
}

select.delegation
{
    width: 45%;
    float: left;
    display: inline;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
}

label
{
}

label.field-title
{
    float: left;
    width: 30%;
    text-align: right;
    padding-right: 2%;
    clear: left;
}

label.field-title-long
{
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 2%;
    clear: left;
}


label.label-medium
{
    width: 45%;
    text-align: right;
    padding-right: 2%;
    float: left;
}

label.radio-group
{
    padding-left: 25px;
    width: 100%;
    text-align: left;
    display: block;
}


label.radio-label
{
    padding-left: 5px;
    width: 80%;
    text-align: left;
    float: left;
}

label.label-full
{
    display: block;
    width: 100%;
    text-align: left;
    float: none;
}

label.label-contact
{
    width: 100%;
    text-align: left;
    float: left;
    padding-right: 5px;
    font-size: 14px;
    font-weight: bold;
}

input.text-contact
{
    width: 100%;
    text-align: left;
    float: left;
    margin-bottom: 12px;
}

.text-comments
{
    width: 100%;
    text-align: left;
    float: left;
}

label.label-delegation
{
    width: 35%;
    text-align: left;
    padding-right: 2%;
    float: left;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
}

label.label-checkbox-indent
{
    margin-left: 32%;
    position: relative;
}

label.label-checkbox-indent input
{
    text-align: left;
    background: white;
}

div.actions label
{
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 1.0em;
}

form div.actions
{
    border-top: 1px solid rgb(219,219,219); /* light grey */
    padding-top: 1.0em;
    padding-left: 32%;
    display: block;
    margin-bottom: 2.0em;
    margin-top: 1.0em;
    position: relative;
    clear: both;
    overflow: visible;
    width: 68%;
}

form div.actions a
{
    margin-left: 1.0em;
}

form div.actions-full
{
    padding-left: 0;
    display: block;
    margin-bottom: 2.0em;
    margin-top: 1.0em;
    position: relative;
    clear: both;
}

form div.actions-clear
{
    display: block;
    position: relative;
    clear: both;
    border: 0;
    padding: 0;
    margin: 0;
    height: 2.0em;
    margin-top: 1.0em;
}

form div.actions-clear a
{
    position: absolute;
    top: 3px;
    right: 0;
    margin: 0;
}

form div.start
{
    border-top: 1px solid rgb(219,219,219); /* light grey */
    padding-top: 1.0em;
    width: 100%;
}

form div.start input
{
    float: left;
    padding-right: 0.7em;
    padding-left: 0.8em;
    margin-bottom: 2.0em;
}

label.error
{
    color: rgb(207,18,0); /* red */
}

input.error
{
    border-color: rgb(207,18,0); /* red */
}

div.error
{
    border: 1px solid rgb(207,18,0); /* red */
    color: rgb(207,18,0); /* red */
    padding: 3px;
}

form.assessment div.question
{
    position: relative;
    border: 1px solid rgb(219,219,219); /* light grey */
    height: 85px;
    min-height: 85px;
    margin: 0.5em 0 0.5em 0;
    background: url(../../../images/CloudServicesReady/en-us/bg-question.gif) repeat-y top right;
    line-height: 20px;
}

form.assessment div.question p
{
    width: 450px;
    position: relative;
    margin-top: 1.0em;
    margin-left: 10px;
}

form.assessment div.question p a
{
    font-size: 14px;
    position: absolute;
    bottom: -20px;
    right: 0;
}

form.assessment span.label-container
{
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
}

form.assessment span.label-container label
{
    font-size: 11px;
    text-align: right;
    margin-bottom: 1px;
    padding: 0;
    float: right;
}

form.assessment span.label-container input
{
    padding: 0;
    margin: 0px 5px 0 5px;
    font-size: 13px;
    float: right;
}

form.assessment span.label-container label:hover
{
    color: rgb(0,0,0); /* black */
}

form.assessment div.info
{
    background: rgb(240,240,240); /* really light grey */
    padding: 10px;
    margin-top: -1px;
    z-index: 10;
}

div.team-add
{
    margin-top: 1.0em;
    width: 70%;
}

div.team-add div
{
    margin-bottom: 0.5em;
}

div.team-add div input.submit
{
    margin-left: 32%;
}

/* ================================ Scores ================================ */

div.scores
{
    width: 310px;
    float: left;
    margin-right: 20px;
}

div.score-bar
{
    width: 100%;
    background: rgb(219,219,219); /* light grey */
    height: 0.9em;
    margin: 0;
    padding: 0;
    margin-bottom: 1px;
}

div.score-bar span
{
    text-align: center;
    font-size: 12px;
    line-height: 1.0em;
    margin: 0;
    padding: 0;
    height: 100%;
    display: block;
}

div.score-bar span.score0
{
    color: rgb(219,219,219); /* light grey */
}


div.score-bar span.score1
{
    background: rgb(207,18,0); /* red */
    color: rgb(207,18,0); /* red */
    width: 20%;
}

div.score-bar span.score2
{
    background: rgb(207,18,0); /* red */
    color: rgb(207,18,0); /* red */
    width: 40%;
}

div.score-bar span.score3
{
    background: rgb(229,217,22); /* yellow */
    color: rgb(229,217,22); /* yellow */
    width: 60%;
}

div.score-bar span.score4
{
    background: rgb(124,171,33); /* green */
    color: rgb(124,171,33); /* green */
    width: 80%;
}

div.score-bar span.score5
{
    background: rgb(124,171,33); /* green */
    color: rgb(124,171,33); /* green */
    width: 100%;
}

div.score-legend
{
    width: 100%;
    background: url(../../../images/CloudServicesReady/en-us/score-legend.gif) no-repeat;
    margin: 0;
    padding: 0;
    padding-top: 20px;
    font-size: 12px;
    margin-bottom: 1.5em;
}

div.score-bar
{
    width: 100%;
    background: rgb(219,219,219); /* light grey */
    height: 0.9em;
    margin: 0;
    padding: 0;
    margin-bottom: 1px;
}

div.score-bar span
{
    text-align: center;
    font-size: 12px;
    line-height: 1.0em;
    margin: 0;
    padding: 0;
    height: 100%;
    display: block;
}

div.score-bar span.score-poor
{
    background: rgb(207,18,0); /* red */
    color: rgb(207,18,0); /* red */
}

div.score-bar span.score-ok
{
    background: rgb(229,217,22); /* yellow */
    color: rgb(229,217,22); /* yellow */
}

div.score-bar span.score-good
{
    background: rgb(124,171,33); /* green */
    color: rgb(124,171,33); /* green */
}

div.score-bar span.score-zero
{
    background: rgb(219,219,219); /* light grey */
    color: rgb(219,219,219); /* light grey */
}

dl.shortcomings
{
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 190px;
    line-height: 1.3em;
    margin-bottom: 1.0em;
}

dl.shortcomings dt
{
    font-weight: bold;
    color: rgb(0,0,0); /* black */
}

dl.shortcomings dd
{
    margin: 0;
    padding: 0;
}

/* ================================ Reports ================================ */

dl.report
{
    position: relative;
    border-top: 1px solid rgb(191,191,191); /* medium light grey */
    padding: 5px 0 5px 0;
    margin: 0 0 0 0;
    width: 100%;
    color: rgb(0,0,0); /* black */
}

dl.last-dl
{
    border-bottom: 1px solid rgb(191,191,191); /* medium light grey */
    margin-bottom: 1.0em;
}

dl.report dt
{
    padding-left: 40px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2em;
    width: 270px;
}

dl.report dd
{
    margin: 0;
    padding: 0;
}

dl.report dd.report-score
{
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    text-align: center;
    font-size: 18px;
}

dl.report dd.score-analysis
{
    position: absolute;
    top: 5px;
    left: 320px;
    width: 200px;
    line-height: 1.0em;
}

dl.report dd.score-analysis div.score-bar
{
    width: 48%;
    float: left;
    margin-right: 10px;
}

dl.incomplete dd.score-analysis div.score-bar, dl.incomplete dd.score-analysis div.score-bar span
{
    background: rgb(255,255,255); /* white */
    color: rgb(255,255,255); /* white */
}

dl.incomplete dd.score-analysis, dl.unstarted dd.score-analysis
{
    color: rgb(191,191,191); /* medium light grey */
}


dl.recommendations
{
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: -6px;
    margin-bottom: 0.5em;
    position: relative;
}

body.tasks dl.recommendations
{
    background: url(../../../images/CloudServicesReady/en-us/complete.gif) no-repeat 5px 5px;
}

body.tasks dl.complete
{
    background: none;
}

dl.recommendations dt
{
    position: relative;
    border-bottom: 1px solid rgb(245,245,245);
    padding-top: 3px;
    font-weight: bold;
    padding-right: 60px;
}

dl.recommendations dt em
{
    font-size: 12px;
    position: absolute;
    top: 1px;
    right: 0;
    font-style: normal;
    font-weight: normal;
}

dl.recommendations dd
{
    margin-left: 0;
}

body.tasks dl.recommendations dd
{
    margin-left: 26px;
}

dl.recommendations dd ul
{
    list-style-type: none;
    margin: 0 0 1.0em 0;
    padding: 0;
}

dl.recommendations dd ul li
{
    margin: 0;
    padding: 0;
}

dl.recommendations dt a
{
}

body.tasks dl.recommendations dt label
{
    margin-left: 0px;
    display: block;
    font-size: 14px;
    clear: both;
}

body.tasks dl.recommendations dt label input.checkbox
{
    margin-top: 4px;
    display: block;
    float: left;
    margin-bottom: 10px;
}

dd.recommendations h5
{
    padding: 0;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
    cursor: hand;
    text-decoration: underline;
    color: rgb(84,84,84); /* dark grey */
    font-size: 12px;
    line-height: 0.9em;
    margin-bottom: 0.5em;
    margin-left: 40px;
}

dl.report dd.recommendations div.full-rec
{
    background: rgb(255,255,255); /* white */
    display: block;
    padding-left: 40px;
    padding-right: 20px;
    line-height: 1.4em;
    font-size: 12px;
}

dl.report dd.recommendations div.full-rec ul.rec-comps
{
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

dl.report dd.recommendations div.full-rec ul.rec-comps li
{
    float: left;
    width: 46%;
    margin-bottom: 1.0em;
}

dl.report dd.recommendations div.full-rec ul.rec-comps li.first-li
{
    width: 54%;
}

dl.report dd.recommendations div.full-rec ul.rec-level
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 2.0em;
    clear: both;
}

dl.report dd.recommendations div.full-rec ul.rec-level li
{
    margin: 0;
    padding: 0;
    line-height: 1.2em;
    position: relative;
}

dl.report dd.recommendations div.full-rec ul.rec-admin
{
    list-style-type: none;
}

dl.report dd.recommendations div.full-rec ul.rec-admin li
{
    display: inline;
    border-left: 1px solid rgb(255,255,255); /* white */
}

dl.report dd.recommendations div.full-rec ul.rec-admin li.first-li
{
    border-left: 0;
}

dl.report dd.recommendations div.full-rec ul.rec-admin li a
{
    padding: 5px 10px 5px 10px;
    font-size: 12px;
}

/* ================================ Delegation ================================ */

table.delegate
{
    width: 100%;
}

table.delegate th.col-wide
{
    width: 70%;
}

table.delegate th.col-narrow
{
    width: 15%;
    text-align: center;
}

table.delegate td
{
    vertical-align: top;
    text-align: center;
}

table.delegate table
{
    width: 95%;
    margin-left: 5%;
    margin-bottom: 0;
    background: rgb(240,240,240); /* very light grey */
}

table.delegate table td
{
    text-align: left;
    font-weight: normal;
}

/* ================================ Export to PDF ================================ */

div.pdf
{
    float: right;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 5px;
}

div.pdf select
{
    width: auto;
    display: inline;
    float: right; /* Changed by proteans , earlier left */
}

.pdf label
{
    display: inline;
    float: left;
    padding-right: 5px;
}

*html div.pdf select
{
    margin-top: -2px;
    overflow: visible;
}

h3 div.pdf
{
    font-size: 12px;
    margin-top: -2.0em;
}

div.pdf-full
{
    float: none;
    display: block;
    margin-bottom: 1.0em;
}

/* ================================ Home ================================ */

div.home ul.process
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

div.home ul.process li
{
    background: url(../../../images/CloudServicesReady/en-us/bg-step.gif) no-repeat 0 3px;
    padding-left: 40px;
    margin-left: 0;
    overflow: visible;
    position: relative;
}

div.home ul.process li span
{
    color: rgb(255,255,255);
    margin-left: -30px;
    margin-right: 20px;
    font-weight: bold;
}

div.home ul.process li ul
{
    list-style-type: none;
    margin-bottom: 0.5em;
}

div.home ul.process li ul li
{
    background: url(../../../images/CloudServicesReady/en-us/bullet.gif) no-repeat 0 7px;
    padding-left: 10px;
    margin-left: 0px;
    margin-bottom: 0;
    overflow: visible;
}

div.home ul.kpa
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.home ul.kpa li
{
    width: 20%;
    margin: 0;
    padding: 65px 0 25px 0;
    float: left;
    text-align: center;
    line-height: 1.2em;
}

div.home ul.kpa li.fin
{
    background: url(../../../images/CloudServicesReady/en-us/icon_fin.jpg) no-repeat top center;
}

div.home ul.kpa li.mkt
{
    background: url(../../../images/CloudServicesReady/en-us/icon_mkt.jpg) no-repeat top center;
}

div.home ul.kpa li.app
{
    background: url(../../../images/CloudServicesReady/en-us/icon_app.jpg) no-repeat top center;
}

div.home ul.kpa li.host
{
    background: url(../../../images/CloudServicesReady/en-us/icon_host.jpg) no-repeat top center;
}

div.home ul.kpa li.ops
{
    background: url(../../../images/CloudServicesReady/en-us/icon_ops.jpg) no-repeat top center;
}

div.home h2 a
{
    text-decoration: none;
}

div.home h3
{
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 1.5em 0 0.5em 0;
    color: rgb(47,93,118); /* deep blue */
    border: 0;
}

div.home div.sidebar-subbox, div.login div.sidebar-subbox
{
    background: rgb(255,255,255); /* white */
}

div.home h5
{
    font-weight: bold;
    padding-bottom: 6px;
    padding-left: 0;
}

div.home h4
{
    background: url(../../../images/CloudServicesReady/en-us/bg-startSML.jpg) no-repeat;
    padding: 10px;
    font-size: 20px;
    text-indent: -9999px;
    margin: 0px;
    height: 95px;
    width: 320px;
    font-weight: normal;
    line-height: 38px;
    clear: both;
}

div.home h4 a
{
    text-decoration: none;
    color: rgb(255,255,255); /* white */
    height: 75px;
    width: 300px;
    float: left;
}

div.tour
{
    background: url(../../../images/CloudServicesReady/en-us/pin.gif) no-repeat;
    padding-left: 35px;
    float: right;
    height: 40px;
    font-size: 16px;
    padding-top: 8px;
    margin-bottom: 5px;
}

div.tour a
{
    color: rgb(0,0,0); /* black */
    text-decoration: none;
}

/* ================================ Misc ================================ */

a.closed
{
    padding-right: 18px;
    background: url(../../../images/CloudServicesReady/en-us/dropdown_closed.gif) no-repeat top right;
}

a.open
{
    padding-right: 18px;
    background: url(../../../images/CloudServicesReady/en-us/dropdown.gif) no-repeat top right;
}

p.change
{
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 10px;
}

a.live
{
    padding-left: 18px;
    background: url(../../../images/CloudServicesReady/en-us/live-id.gif) no-repeat;
    margin-left: 3px;
    font-weight: bold;
}

p.live
{
    padding-left: 18px;
    background: url(../../../images/CloudServicesReady/en-us/live-id.gif) no-repeat;
    margin-left: 3px;
    font-weight: bold;
}

a.pdf
{
    padding-left: 28px;
    padding-top: 2px;
    padding-bottom: 5px;
    background: url(../../../images/CloudServicesReady/en-us/pdf.gif) no-repeat;
}

a.premium
{
    padding-left: 15px;
    background: url(../../../images/CloudServicesReady/en-us/star.gif) no-repeat 0 2px;
    position: relative;
}

a.help
{
    text-decoration: none;
    border-bottom: 1px dotted rgb(0,0,0);
    cursor: help;
    color: rgb(0,0,0);
}

form.assessment div.question p a.help
{
    font-size: 14px;
    position: relative;
    bottom: auto;
}

.error
{
    color: rgb(255,0,0); /* red */
}

iframe
{
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: -4px;
    width: 55px;
    text-align: center;
    display: inline;
}

/* ================================ Horizontal Rules ================================ */

hr
{
    /* For Internet Explorer */
    clear: both;
    height: 1px;
    color: rgb(204,204,204); /* light grey */
    border: none;
    margin-bottom: 1.0em;
}

html > body hr
{
    /* For Gecko-based browsers */
    clear: both;
    height: 1px;
    background-color: rgb(204,204,204); /* light grey */
    border: none;
    margin-bottom: 1.0em;
}

html > body hr
{
    /* For Opera and Gecko-based browsers */
    clear: both;
    height: 1px;
    background-color: rgb(204,204,204); /* light grey */
    border: 0px solid rgb(204,204,204); /* light grey */
    margin-bottom: 1.0em;
}

/* ================================ CRM Fixes ================================ */

div.radwindow table
{
    margin: 0;
}

div.radwindow table tr.contentrow
{
    margin-top: -10px;
}

form#aspnetForm div.radwindow_Default table.titlebarcontrols ul.controlbuttons li a
{
    line-height: 8px;
    margin-top: 0;
    font-size: 8px;
}

div#ctl00_cphMain_divDelegationAnchor
{
    margin-bottom: 1.0em;
    display: block;
}

/* ====== May 2010 Design Updates ====== */

.home .login .submit
{
    float: right;
    background: url(../../../images/CloudServicesReady/en-us/bg-signin.jpg) no-repeat;
    width: 85px;
    height: 33px;
    text-indent: -9999px;
    margin: 5px 0 25px 5px;
    padding: 0px;
}

a.forget
{
    margin: 8px 0 0 0;
    display: block;
    width: 130px;
    font-size: 12px;
}

.homevid-left
{
    float: left;
    width: 260px;
    margin: 0 30px 30px 0;
}

.homevid-right
{
    float: left;
    width: 260px;
    margin: 0 0px 30px 0;
}

ul.home-columns
{
    margin: 0px 0 35px 0px;
    padding: 0 0 0px 0px;
}

ul.home-columns li
{
    width: 245px;
    margin: 0px 10px 10px 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
    float: left;
}

div.home h4.LRGbtn
{
    background: url(../../../images/CloudServicesReady/en-us/bg-startLRG.jpg) no-repeat;
    padding: 10px;
    font-size: 16px;
    text-indent: -9999px;
    margin: 0px 0 0 -7px;
    height: 95px;
    width: 565px;
    font-weight: normal;
    line-height: 38px;
    clear: both;
}

div.home h4.LRGbtn a
{
    text-decoration: none;
    color: rgb(255,255,255); /* white */
    height: 75px;
    width: 545px;
    float: left;
}

.contact .submit
{
    float: left;
    background: url(../../../images/CloudServicesReady/en-us/bg-submitcontact.jpg) no-repeat;
    width: 85px;
    height: 33px;
    text-indent: -9999px;
    margin: 5px 0 25px 0px;
    padding: 0px;
}

.update
{
    float: left;
    background: url(../../../images/CloudServicesReady/en-us/bg-submitupdate.jpg) no-repeat;
    width: 85px;
    height: 33px;
    margin: 5px 0 25px 0px;
    padding: 0px 0 0 10px;
    color: #FFF;
    text-align: left;
    border: 0;
    font-size: 14px;
}

.confirm p
{
    font-size: 20px;
}

.recommendations h5
{
    margin-bottom: 2px;
}

.displaynone
{
    display: none;
}