#cart {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:url("images/pattern-panel-white.gif") repeat-x scroll 0 0 #FDFEFE;
    border-color: #E7E7E7 #D3D3D3 #D3D3D3 #E7E7E7;
    border-style: solid;
    border-width: 1px;
    margin:30px auto;
    padding:10px;
    width:800px;
}

#cart p {
    text-align:right;
    margin: 0;
}

#StandardSearchOptions .filter-item {
    border-bottom:1px solid #DCD3B6;
    padding:10px;
}

.filter-item li {
    list-style:disc inside none;
}

.filter-item ul {
    line-height:1.75em;
    list-style:disc inside none;
    padding:10px 30px;
}

#content button 
{
    margin: 30px 0 0 42%;
    display: block !important;
}

/* This is here temporarily. As we move forward with the new framework this will move to the master css doc. This class can be used when two buttons are side by side but need to be centered under an element. */

.bilateral-btns-center 
{
    width: 250px;
    margin: 0 auto;
}

    #content .bilateral-btns-center button
    {
        float:left;
        margin: 0 10px 0 0;
        height: 24px;
        cursor: pointer;
        font-size: inherit;
    }
    
#content button.reset 
{
    background: none;
    border: 0 none;
    color: #E0941C;
} 

/* The above elements should be moved into master in the new framework */   

div #assessment-search {
    margin:30px auto ;
    width:840px !important;
}

#assessment-search .dropdowns div {
    width:220px;
    margin: 10px;
    padding: 0 20px 10px;
    float: left;
}

#assessment-search .dropdowns div h3 {
    margin: 0 -20px 10px;
}

#search #assessment-search .dropdowns select {
width: 218px;
}




#SearchResultsContainer {
    background-color:#FFF;
    border:1px solid #D3D3D3;
    -webkit-border-radius:5px;
    border-radius:5px;
}

#SearchResultsContainer  h3, .Assessment-Builder-Div h3{
    background:none repeat scroll 0 0 #244358;
    color:#FFFFFF;
    margin:10px;
    padding:10px;
    -webkit-border-radius:5px;
    border-radius:5px;
    min-height: 18px;
    overflow: hidden;
}

#SearchResultsContainer h3 span, .Assessment-Builder-Div h3 span{
    float: left;
}

#assessment h5 {font-weight: bold;}

.collapse {  background: url("images/move_right_16.png") no-repeat scroll 0 2px transparent; }

.expand {  background: url("images/move_down_16.png") no-repeat scroll 0 2px transparent; }

.Assessment-Result-Header .Assessment-Result-Passage{
    float: left;
    line-height: 1.8em;
    margin-left: 15px;
    padding: 0 20px;
    cursor: pointer;
    font-weight: bold;
}

.Assessment-Result-Questions {
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #F7F7F7;
    border-color: #E7E7E7 #D3D3D3 #D3D3D3 #E7E7E7;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
}

     /* We use this markup for both the search results and assessment builder display pages. But it needs to be treated slightly differently */  
       #assessment-container table .Assessment-Result-Questions {
        background: url("images/pattern-panel-gray2.gif") repeat-x scroll 0 top #fff;
        border: 1px solid #C6D2E1;
        padding: 0;
    }

.Assessment-Result-Questions a.expand, .Assessment-Result-Questions a.collapse{
    line-height: 1.8em;
    padding: 0 20px;
    cursor: pointer;
    font-weight: bold;
    background-position: 0 0;
}

.Assessment-Result {
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#FFFFFF;
    margin:10px;
    border-color:#E7E7E7 #D3D3D3 #D3D3D3 #E7E7E7;
    border-right:1px solid #D3D3D3;
    border-style:solid;
    border-width:1px;
    .padding-top: 10px; /* Another IE7/8 Compatiblity mode hack/fix */
}

.Assessment-Result-Header {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:none repeat scroll 0 0 #557488;
    color:#FFFFFF;
    margin:10px;
    padding:10px;
}

.Assessment-Result-Questions .Assessment-Result-Header{
    background:none repeat scroll 0 0 #b3b3b3;
}

.Assessment-Result .active {
background-color:#b7d887;
}

.Assessment-Result-Header .active {
    background:none repeat scroll 0 0 #E8E620;
}

.Assessment-Result-Header input {
   float: left;
}

#SearchResultsContainer  .selectAll {
    -webkit-border-radius:5px;
    border-radius:5px;
    border-color:#E7E7E7 #D3D3D3 #D3D3D3 #E7E7E7;
    border-right:1px solid #D3D3D3;
    border-style:solid;
    border-width:1px;
    font-weight:bold;
    margin:10px 10px;
    padding:5px 5px 5px 10px;
    background-color:#F7F7F7;
}

.Assessment-Result h4 {
float:left;
font-weight:bold;
margin:0;
padding:0;
}

#SearchResultsContainer .aligned-standards, #SearchDiv .aligned-standards { background-color: #f3fbff; padding: 10px; margin: 10px; -webkit-border-radius: 3px; border-radius: 3px;  border-color: #E7E7E7 #D3D3D3 #D3D3D3 #E7E7E7; border-style: solid; border-width: 1px; } 

.Assessment-Result .question {
background-color:#FFFFFF;
margin:0 auto;
padding:15px;
width:806px;
}

.Assessment-Result .answers {
background-color:inherit;
padding:20px;
}

.Assessment-Result .answers h4 {
background-color:#b7d887;
font-size:10px;
padding: 0 20px;
border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
margin-right: 20px;
}

.Assessment-Result .answers div {
background-color: #f3fbff;
border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 2.5em;
}

.Assessment-Result .workspace, #assessment-container .workspace 
{
    background-color: #EEE;
    margin: 10px;
    padding: 5px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.question { padding: 20px; }

/* Assessment "Cart" Page*/

.Assessment-Builder-Div {
    margin-top:30px;
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

#SearchDiv #assessment-container ul{
    list-style: none outside none;
    float: right;
    margin: -43px 0 0;
    padding-right: 5px;
}  

#SearchDiv #assessment-container ul li{
    margin: 0;
    list-style: none;
    float: right;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline; 
}   

#SearchDiv #assessment-container .question ul, #SearchDiv #assessment-container .answers ul, #SearchDiv #assessment-container .question li, #SearchDiv #assessment-container .answers li{
    list-style: none outside none;
    float: none;
    margin: 0;
    display: block;
}

#SearchDiv a.save, a.word, a.pdf, a.print {
    border-radius:3px;
    -webkit-border-radius:3px;
    font-weight:normal;
    line-height:2em;
    padding:2px;
    text-decoration:none;
    text-indent:-9999px;
    width: 24px;
    display: block;
}

#SearchDiv a.save {
    background:url("images/icons/portfolio_16.png") no-repeat scroll 50% 50% #557488;
}

#SearchDiv a.word {
    background:url("images/icons/icon_word.gif") no-repeat scroll 50% 50% #557488;
}

#SearchDiv a.pdf {
    background:url("images/icons/icon_pdf.gif") no-repeat scroll 50% 50% #557488;
}

#SearchDiv a.print {
    background:url("images/icons/print_16.png") no-repeat scroll 50% 50% #557488;
}

    #SearchDiv a.save:hover, #SearchDiv a.word:hover, #SearchDiv a.pdf:hover, #SearchDiv a.print:hover {
        background-color:#F3FBFF;
    }

#SearchDiv a.return {
    background: url("images/icons/move_left_16.png") no-repeat scroll 6px center #F3FBFF;
    border: 1px solid #244358;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 8px 2px 24px;
    text-decoration: none;
    font-size: 11px;
    padding: 3px 8px 3px 28px;
    display: block;
    color: #000;
}

   #SearchDiv a.return:hover {
        background-color:#fff;
    }

#SearchDiv #assessment-container ul.assessment-toolbar {
    -webkit-border-radius:5px;
    border-radius:5px;
    float:right;
    background-color:#fff;
    border-color:#E7E7E7;
    border-style:solid;
    border-width:1px;
     margin: -18px 0 0;
}

#SearchDiv .assessment-toolbar a {
    cursor:pointer;
    display:block;
    float:left;
    font-size:11px;
    font-weight:normal;
    margin:0 0 0 1px;
    padding:1px 5px 3px 23px;
    text-decoration:none;
    color:#000;
}

#SearchDiv .assessment-toolbar li.delete a {
    background:url("images/icons/delete_16.png") no-repeat scroll 4px 4px transparent;
    width: 60px;
}

#SearchDiv .assessment-toolbar li.up a {
    background:url("images/icons/move_up_16.png") no-repeat scroll 4px 4px transparent;
     width: 60px;
}

#SearchDiv .assessment-toolbar li.down a {
    background:url("images/icons/move_down_16.png") no-repeat scroll 4px 4px transparent;
     width: 60px;
}

#SearchDiv .assessment-toolbar a:hover {
    background-color:#F3FBFF;
}

#SearchDiv .toolbar {
    padding:20px 0 0 30px;
}

#SearchDiv .toolbar a {
    cursor:pointer;
    float:left;
    font-weight:normal;
    text-decoration:none;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    background-color:#E7E7E7;
    border:1px solid #D3D3D3;
    color:#000000;
    display:block;
    font-size:12px;
    margin-right:2px;
    padding:0.35em 1em 0.35em;
}

#SearchDiv .toolbar a.active {
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    font-weight:bold;
    background-color:#FFFFFF;
    border-bottom:1px solid #FFFFFF;
}

#SearchDiv .toolbar a:hover {
    background-color:#FFFFFF;
    border-bottom:1px solid #FFFFFF;
}

#no-results h3 a, #SearchDiv h3 a, #SearchDiv h3 .paging .current, #SearchDiv .paging h3 a:hover {
font-family:helvetica,Arial,Sans-Serif;
}

.Assessment-Builder-Div table{
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#FFFFFF;
    border:1px solid #D3D3D3;
    margin: -1px auto;
    width: 98%;
}

    /* Keeps child and parent elements organized within a box */   
        .Assessment-Builder-Div td{
        -webkit-border-radius:3px;
        border-radius:3px;
        background-color:#fff;
        border:1px solid #D3D3D3;
    }
    
     .Assessment-Builder-Div table table td{
        -webkit-border-radius:0;
        border-radius:0;
        background-color:#fff;
        border:0;
        border-bottom: 1px solid #C6D2E1; 
    }

.Assessment-Result-Questions table{
    -webkit-border-radius:0px;
    border-radius:0px;
    background-color: #fff;
    border: none;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

#assessment .panel {
    background-color:#FFF;
    border:1px solid #D3D3D3;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding: 10px;
    margin-bottom: 10px;
}

#assessment a.site                 { background-repeat:no-repeat; 
                                              background-position:11px center; 
                                              padding: 2px 0 2px 32px;
                                         }
                                                      
#assessment a.site                  { background-image: url(images/icons/web_16.png); }

#assessment .collapse-panel {
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E7E7E7 #D3D3D3 #D3D3D3 #E7E7E7;
    border-style: solid;
    border-width: 1px;
    margin: 5px auto 0;
    padding: 10px;
}
    
#assessment .collapse-panel h3.expand {
    background: url("../Content/Images/move_right_16.png") no-repeat scroll 0 0 transparent;
}

#assessment .collapse-panel h3.collapse {
    background: url("../Content/Images/move_down_16.png") no-repeat scroll 0 0 transparent;
}

#assessment .collapse-panel a {font-weight: bold;
    padding-left: 18px;
    }
    
#assessment .collapse-panel:hover {
    background-color:#F3FBFF;
}

#assessment .collapse-panel h3 {
        cursor:pointer;
        font-size:12px;
        font-weight:bold;
        padding:0 0 0 18px;
    }
    
#assessment .content-panel, .Assessment-Builder-Div .content-panel  {
        padding: 0;
    } 
    
    
#assessment-container .content-panel .question  {
        padding: 10px 20px;
    }     
    
.Assessment-Result pre {
	white-space: pre-wrap;      /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;      /* Internet Explorer 5.5+ */
}

ul.answer-list 
{
 list-style-type: none;   
}

ul.answer-list li 
{
 clear: both; 
 display: block;
 padding-bottom: 30px;     
}

span.answer-code,
span.answer-data
{
    display: block;
    float: left;
    }

span.answer-data { margin-left: 5px; }

span.answer-data p:first-child { margin: 0; }

div.answers { clear: both; padding: 10px 20px;}