/* $Id: content.css,v 1.1.4.1 2011/05/11 16:12:36 achase Exp $ */

.cobalt a, .cobalt p, .cobalt em, .cobalt span, .cobalt li, .cobalt li li, .cobalt li span p, .cobalt blockquote,
.cobalt ul, .cobalt ol, .cobalt dl, .cobalt ol li, .cobalt ul li, .cobalt label, .cobalt input { font-family:arial,helvetica,clean,sans-serif; }

.cobalt p { margin-bottom:1em; }
.cobalt em { font-style:italic; }
.cobalt strong { font-weight: bold; }

html { 	
    background-color: #FFF; 
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

legend {
max-width:100%;
}

div#mep_0 div.mejs-inner div.mejs-controls {
margin-bottom: -30px;
}
#vidTestDiv {
max-width:400px; 
margin: 40px 30px;
padding-bottom: 10px;
}


.cobalt body, body { text-align: left; font-size:12pt; margin-right: 40px; max-width: 100%; }

.cobalt li { list-style-position: outside;}
.cobalt li li { margin: 10px 0 0 15px; }

.cobalt blockquote, .cobalt ul, .cobalt ol, .cobalt dl { margin: 1em 1em 1em 2em; }

.cobalt li { list-style-position: outside;}
.cobalt li li { margin: 10px 0 0 15px; }
.cobalt ol[type="a"] li { list-style-type: lower-alpha; }
.cobalt ul li {	 }

/* Summary Element_3 */
.cobalt .element_3 .list_block_div { padding: 12px 12px 1px 12px; margin: 0;  }

.cobalt .group_container { max-width: 1024px; text-align: left; margin: 1em auto 1em auto; align: left; }
.cobalt .content_container { margin-left: 0px; padding-left: 30px; padding-right:10px; text-align: left; align: left; }
.cobalt .layout_container .content_container { margin-left: 0; padding: 0; text-align: left; }
.cobalt .content_layout_inner_table { padding: 0 0 0 10px; }
.cobalt .layout_container .content_layout_inner_table { padding: 0 0 0 10px; }

.cobalt .columnheader, .cobalt .columntext { padding: 20px; }
.cobalt .questionanswer { padding: 3px; }
.cobalt .answertext { padding: 3px; }
.cobalt .assessmentbuttonstyle { font-size:93%; text-decoration: none; text-align: center; }
.cobalt .columntext { font-size:100%; }
.cobalt .columntitle { font-size:153.9%; font-weight:bold; color: #16649b; }
.cobalt .dragtargetstyle { border-style:solid; border-width:2px; border-color:#ff0000; }
.cobalt .glossaryicontitle { font-size:100%; font-weight:bold; color:#808080; }
.cobalt .glossarytext { font-size:100%; }
.cobalt .glossarytitle { font-size:153.9%; font-weight:bold; color: #16649b; }
.cobalt .imagecaption { font-size:100%; }
/* .caption_cell controls the <td> containing the Caption text of a Media element */
.cobalt .caption_cell { padding-bottom: 10px; }
.cobalt .imagetext { font-size:100%; }
.cobalt .imagetitle { font-size:100%; font-weight: bold; margin-bottom:10px;}
.cobalt .imgmapborder { border-width:2px; border-style:solid; border-color:#ff0000; }
.cobalt .listtext { font-size:100%; }
.cobalt .imgmapborder { border-width:2px; border-style:solid; border-color:#ff0000; }
.cobalt .listtext { font-size:100%; }
.cobalt .maintext { font-size:100%; }
.cobalt .mouseovertext { font-size:10pt; }
.cobalt .noteicontitle { font-size:100%; font-weight:bold; color:#808080; }
.cobalt .notetext { font-size:100%; }
.cobalt .notetitle { font-size:153.9%; font-weight:bold; color: #16649b; }
.cobalt .parameterdesctext { font-size:100%; }
.cobalt .parametertext { font-size: 93%; font-family: Courier New, Courier, sans-serif; font-weight: bold; }
.cobalt .parametertitle { font-size:153.9%; font-weight: bold; background-color:#f8f5e8; color: #16649b; }
.cobalt .questionanswer { font-size:93%; }
.cobalt .questiontext { font-size:100%; background-color:#f8f5e8; }
.cobalt .quotesubtext { font-size:100%; }
.cobalt .quotetext { font-size:100%; }
.cobalt .quotesubtext { font-size:100%; }
.cobalt .referencedesctext { font-size:100%; }
.cobalt .referencelabeltext { font-size:100%; }
.cobalt .slideshowcounter { font-size:100%; width:50px; text-align:center; }
.cobalt .slideshowtext { font-size:100%; background-color: #f8f5e8; }
.cobalt .subtitle { font-size:153.9%; font-weight:bold; color: #16649b; }
.cobalt .summarytext { font-size:100%; background-color:#f8f5e8; layer-background-color:#f8f5e8; }
.cobalt .surveylabeltext { font-size:100%; font-weight:bold; }
.cobalt .surveytext { font-size:100%; }
.cobalt .syntaxcommandtext { font-size: 93%; font-family: Courier New, Courier, sans-serif; font-weight: bold; background-color:#f8f5e8; layer-background-color:#f8f5e8; padding: 5px; }
.cobalt .syntaxcommandtitle { font-size:153.9%; font-weight: bold; color: #16649b; }
.cobalt .syntaxdesctext { font-size:100%; background-color:#f8f5e8; layer-background-color:#f8f5e8; padding: 5px; }
.cobalt .tabletext { font-size:100%; }
.cobalt .tabletitle { font-size:100%; font-weight: bold; }
.cobalt .tipicontitle { font-size:100%; font-weight:bold; color:#808080; }
.cobalt .tiptitle { font-size:153.9%; font-weight:bold; color: #16649b; }
.cobalt .tiptext { font-size:100%; }
.cobalt .title { font-size:153.9%; font-weight: bold; color: #005388; }

div.review { color:#999999; font-size:83%; text-align:left; }

.cobalt .remediation_title { font-size: 100%; }
.cobalt .remediation_message { font-size: 93%; }
.cobalt .remediation_feedback { font-size: 93%; }
.cobalt .remediation_links_header { font-size: 93%; }
.cobalt .remediation_links { font-size: 93%; }

/* BEGIN - Message Box styles - Element 106 */
.cobalt .msgbox-main-table { width: 100%; }

.cobalt .msgbox-icon-cell,
.cobalt .msgbox-label-cell,
.cobalt .msgbox-title-cell,
.cobalt .msgbox-body-cell { padding: 5px; }

.cobalt .msgbox-separator-cell { background-color: #808080; }

/* Controls the width and border of Message Boxes if not within a Layout */
.cobalt .msgbox1, .cobalt .msgbox2, .cobalt .msgbox3, .cobalt .msgbox4, .cobalt .msgbox5,
.cobalt .msgbox6, .cobalt .msgbox7, .cobalt .msgbox8, .cobalt .msgbox9, .cobalt .msgbox10,
.cobalt .msgbox11, .cobalt .msgbox12, .cobalt .msgbox13, .cobalt .msgbox14, .cobalt .msgbox15,
.cobalt .msgbox16, .cobalt .msgbox17, .cobalt .msgbox18, .cobalt .msgbox19, .cobalt .msgbox20 {
	border: 3px solid #808080; width: 650px; }

/* Controls the width and border of Message Boxes if within a Layout, 100% width will allow them to resize according to the container they are in. */
.cobalt .layout_container .msgbox1,  .cobalt .layout_container .msgbox2,  .cobalt .layout_container .msgbox3,
.cobalt .layout_container .msgbox4,  .cobalt .layout_container .msgbox5,  .cobalt .layout_container .msgbox6,
.cobalt .layout_container .msgbox7,  .cobalt .layout_container .msgbox8,  .cobalt .layout_container .msgbox9,
.cobalt .layout_container .msgbox10, .cobalt .layout_container .msgbox11, .cobalt .layout_container .msgbox12,
.cobalt .layout_container .msgbox13, .cobalt .layout_container .msgbox14, .cobalt .layout_container .msgbox15,
.cobalt .layout_container .msgbox16, .cobalt .layout_container .msgbox17, .cobalt .layout_container .msgbox18,
.cobalt .layout_container .msgbox19, .cobalt .layout_container .msgbox20 {
	border: 3px solid #808080; width: 100%; }

.cobalt .msgbox1body, .cobalt .msgbox2body, .cobalt .msgbox3body, .cobalt .msgbox4body, .cobalt .msgbox5body,
.cobalt .msgbox6body, .cobalt .msgbox7body, .cobalt .msgbox8body, .cobalt .msgbox9body, .cobalt .msgbox10body,
.cobalt .msgbox11body, .cobalt .msgbox12body, .cobalt .msgbox13body, .cobalt .msgbox14body, .cobalt .msgbox15body,
.cobalt .msgbox16body, .cobalt .msgbox17body, .cobalt .msgbox18body, .cobalt .msgbox19body, .cobalt .msgbox20body {
	font-size: 100%; }

.cobalt .msgbox1iconlabel, .cobalt .msgbox2iconlabel, .cobalt .msgbox3iconlabel, .cobalt .msgbox4iconlabel, .cobalt .msgbox5iconlabel,
.cobalt .msgbox6iconlabel, .cobalt .msgbox7iconlabel, .cobalt .msgbox8iconlabel, .cobalt .msgbox9iconlabel, .cobalt .msgbox10iconlabel,
.cobalt .msgbox11iconlabel, .cobalt .msgbox12iconlabel, .cobalt .msgbox13iconlabel, .cobalt .msgbox14iconlabel, .cobalt .msgbox15iconlabel,
.cobalt .msgbox16iconlabel, .cobalt .msgbox17iconlabel, .cobalt .msgbox18iconlabel, .cobalt .msgbox19iconlabel, .cobalt .msgbox20iconlabel {
	font-size: 100%; font-weight:bold; color:#808080; }

.cobalt .msgbox1title, .cobalt .msgbox2title, .cobalt .msgbox3title, .cobalt .msgbox4title, .cobalt .msgbox5title,
.cobalt .msgbox6title, .cobalt .msgbox7title, .cobalt .msgbox8title, .cobalt .msgbox9title, .cobalt .msgbox10title,
.cobalt .msgbox11title, .cobalt .msgbox12title, .cobalt .msgbox13title, .cobalt .msgbox14title, .cobalt .msgbox15title,
.cobalt .msgbox16title, .cobalt .msgbox17title, .cobalt .msgbox18title, .cobalt .msgbox19title, .cobalt .msgbox20title {
	font-size: 123.1%; font-family: Arial; font-weight:bold; }

.cobalt .element_106 .msgbox-container { width:100% }
.cobalt .element_106 .msgbox-main-table { width:100%; }

/* END - Message Box styles - Element 106 */

.cobalt .summary_maintext_cell { padding-bottom: 10px; }
.cobalt .summary_item_cell { padding: 15px; }


.cobalt .syntax_main_table { border: 1px solid #848284; }
.cobalt .syntax_main_table th { border-bottom: 1px solid #848284; padding: 5px; text-align: center; background: #eae0b6; }
.cobalt .syntax_main_table td {  }

/* Adds indent to introduction text on Media and Image Map elements. */
.cobalt .imagemap_image_and_text_table { padding-left: 10px; }

/* Table Element - Setting border colors here overrides the gray default color. If you set a border-width here the Border checkbox on the Table Element Source view will have no effect. */
.cobalt .element_29 .table_element_table { border-color: #000; }
.cobalt .element_29 .table_element_table th, 
.cobalt .element_29 .table_element_table td { border-color: #000; padding: .3em; }
.cobalt .element_29 .tabletitle { background-color:#f8f5e8; }

/* Mouseover - Controls introduction table. */
.cobalt .element_30 .content_layout_inner_table { margin-left: 10px; }

/* The word parameter needs to be changed because this is a shared style among elements. */
.cobalt .element_26 .parameter_element_table { margin-top: 15px; width: 100%; }

.cobalt th.columnheader { padding-bottom: 10px; }

.cobalt .assessment_questiontext_cell { margin-bottom: 10px; }

.cobalt .questiontext_div { padding: 5px; }

.cobalt .slideshow_control_cell { padding: 10px 0 5px 0; }

.cobalt .question_media_cell { padding-top: 10px; padding-bottom: 10px; }

.cobalt .maintext_top_cell { padding-bottom: 5px; }
.cobalt .maintext_bottom_cell { padding-top: 5px; }

.cobalt .slideshow_image_table { width: 100%; }

.cobalt  .trycounter  { font-size: 100%; }
.cobalt  .trycountertext { font-size: 100%; }

/* Matching element*/
.cobalt .element_105 .questionanswer { padding-right: 5px; font-size: 100%;  }
.cobalt .element_105 .questionanswer label { margin-left: 3px; }
.cobalt .element_105 .matching_answer_row td { padding-top: 3px; padding-bottom: 3px; }
td.questionanswer { min-width: 200px; }
td.questionanswer select { max-width: 200px; }


/* Ordering Element - Rendering of List to List */
.cobalt .orderingList .orderingItem { font-size:100%; text-align:left; }
.cobalt .orderingList .orderingSelectedItem { font-size:100%; }
.cobalt .orderingListContainer {/*height: 217px; */text-align: center; }
.cobalt .orderingList { /*height: 200px;*/ }
.cobalt .orderingBase { margin-top: 10px; margin-left: 41px; }

/* Command Element */
.cobalt .element_32 textarea { width: 100%; border: 1px solid #C2C2C1; }

/* Glossary, Note, Tip elements */
.cobalt .glossary_icon_and_label_cell, .cobalt .glossary_title_cell, .cobalt .glossary_text_cell,
.cobalt .note_icon_and_label_cell, .cobalt .note_title_cell, .cobalt .note_text_cell,
.cobalt .tip_icon_and_label_cell, .cobalt .tip_title_cell, .cobalt .tip_text_cell  { padding: 5px; }
.cobalt .borderstyle { border: 1px solid #000; border-collapse:inherit; }

/* Command Element  */
.cobalt .element_32 .header_image_Cell { padding-top: 5px; }

/* Hotspot Element */
.cobalt .element_31 .assessment_button_style { padding-top: 5px; }
.cobalt .element_31 .trycounter { font-size: 100%; padding-top: 3px; }

/* Multiple Choice Elements */
.cobalt .element_101 .assessment_button_style, 
.cobalt .element_101 .trycounter, 
.cobalt .element_102 .assessment_button_style, 
.cobalt .element_102 .trycounter { font-size: 100%; padding-top: 5px; }

/*Goodbye Pop-up*/
div#goodbyeTop {
width: 619px;
height: 45px;
background: url('dialogHeaderTop.gif');
}
div#goodbyeClose {
width: 113px;
height: 37px;
background: url('dialogClose.gif');
}
div#dialogTopRight {
width: 113px;
height: 8px;
background: url('dialogTopRight.gif');
}
div#goodbyeHeaderBottom  {
width: 732px;
height: 58px;
background: url('dialogHeaderBottom.gif');
}
div#goodbyeResource
{
background: url('viewResource.gif');
width: 395px;
height: 33px;
}
/*End Goodbye Pop-up*/

#vidContainer {
margin-bottom: 50px;
}

#examID {
display: none;
}


/*Mobile */
@media only screen 
and (min-device-width:300px)
and (max-width: 480px)
{
.cobalt .group_container
{
width: 90%;
}

}