/*Reset all styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  font-style: inherit;
  font-size: 14px;
  font-family: Arial;
 
}
/* remember to define focus styles! */

a
{
    text-decoration:none;
    color:#336699;
}

a:hover
{
    text-decoration:underline;
}

:focus {
  outline: 0;
}

ul {
  list-style: dics;
  color:#666666;
  padding: 0 0 0 15px;
}

ol
{
    list-style-type:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}


/* SYZ 20090609: (Project ID 318) Reduce width of page to 1000px in order to display on 1024x768 resolution */

/*Page Template Design */
body
{
    background-color:#F0F0F0;
    margin: 0;
    padding: 0;
}

div#PageWrapper
{
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	overflow: hidden;
}

#MRIPageHeader
{
    width:996px;
    height:129px;
    padding:0;
    margin:0;
    position: relative;
}

.PortalLogo
{
    position:absolute;
    left: 5px;
    top:0;
}
 
#MRISearchBox
{
    background: url(../../Images/Common/SearchBG.gif) no-repeat;
    margin: 0;
    padding:40px 0 0 0;
    width: 460px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 89px;
}
/* SYZ 20090609 ********************************************/

#MRISearchBox .SearchOptionMenu
{
    padding: 0;
    margin: 0 0 2px 65px;  
}

#MRISearchBox .SearchOptionMenu span
{
    font-size:12px;
    color: #737373;
    padding: 0 20px 0 5px;
}

#MRISearchBox .SearchOptionMenu input
{
   vertical-align: middle ;
}

#MRISearchBox div.MRISearchTitle
{
  
    color:#737373;
    font-size:16px;
    width:57px;
    float:left;
    padding: 10px 0 0 0;
    margin:0;

}
#MRISearchBox div.SearchControl
{
  /*Specific*/
  background:url(../../Images/BONESANDJOINTSSimplified/SearchTBBG.jpg) no-repeat;
  width: 362px;
  height:38px;
  float:left; 
  margin: 0;
  padding:0;
}

#MRISearchBox INPUT.textBox
{
    height:20px;
    width:340px;
    margin:9px 0 0 11px;
    border: none;
    background-color:#FFFFFF;
}

#MRISearchBox .submitButton
{
    vertical-align:middle;
    margin: 0 0 0 5px;
}
#MRISearchBox div.autocomplete
{
    clear:both;
    position:absolute;
    z-index:1000;
    margin:0 0 0 65px;
    padding:0;
    /*IC - IE 7 Specific DO NOT REMOVE Below entries*/
    left:0;
    top:98px;   
}

#dgAutoComp
{
    background-color: #E9ECE4;
    width: 347px;   
    border: 1px solid #FCF9D8;
}

#dgAutoComp tr td
{
    padding: 0 0 0 3px;
}

/*Alpha Search */

#AlphaSearchList .AlphaList
{
    list-style-type:none;
    margin: 5px 0 0 50px;
}

#AlphaSearchList .AlphaList li
{
    display:inline;
}
#AlphaSearchList .AlphaList li a
{
    color:#171515;
}

/* SYZ 20090609 Project 318 ***********************************************/

#MRITemplate /*Main Case with Gray Background*/
{
    background: url(../../Images/Common/TemplateBGShadow.jpg) repeat-y;
    width: 984px;
    margin: 0 0 0 16px;
    padding:0 0 20px 0;
    overflow: auto;
}

#MRITemplateBottom
{
    background: url(../../Images/Common/TemplateBGBottom.jpg) no-repeat;
    width:984px;
    height:5px;
    margin: 0 0 0 16px;
    padding:0;
    clear:both;
}
/* SYZ 20090609 *********************************************************/


#Content /*Main Content Case with White Background*/
{
    width:973px;
    margin:0 0 0 5px;  
}

#MRIHighLightBoxContainer
{
    width: 300px;
    float:right;
    padding: 0 0 0 0;
    margin:0 0 0 5px;
    _margin: 0;
}

#MRIHighLightBoxContainer div.HighLightBox1
{
    padding:0;
    margin:0;
}

#MRIHighLightBoxContainer div.HighLightBox2
{
    margin: 5px 0 0 0;
}

#MRIHighLightBoxContainer div.Title
{
    background-color: #FCF9D8;
    color:#8389A9;
    font-size:18px;
    padding: 2px 0 0 10px;
    height:24px;
}

#MRIHighLightBoxContainer div.ListTypeContent
{
    background-color: #F0F0F0;
}

#MRIHighLightBoxContainer div.ListTypeContent ul
{
    list-style-type:none;
    padding: 10px 0 10px 15px;
    margin:0;
  
}

#MRIHighLightBoxContainer div.ListTypeContent ul li
{
    background: url(../../Images/Common/icon_folder.jpg) no-repeat;
    padding: 3px 0 0 30px ;
    margin: 0 0 10px 0;
}

#MRIHighLightBoxContainer div.ImgTypeContent
{
    margin: 5px 0 0 0;
    padding:0;
}

#MRIHighLightBoxContainer div.ImgTypeContent img.FeatureImg
{
    width:135px;
    height:160px;
    float:left;
    margin: 10px 5px 20px 0;
}

#MRIHighLightBoxContainer div.ImgTypeContent div.Teaser img.MoreLink
{
    float:right;
    padding:0 25px 0 0 ;
    margin:0;
}

#MRIHighLightBoxContainer div.ImgTypeContent div.Teaser
{
    color:#666666;
    font-size:13px;
    padding: 10px 0 0 0;
    float:left;
    width: 150px;
}

#MRIHighLightBoxContainer div.ImgTypeContent div.Teaser a
{
    color:#666666;
    font-size:13px;
   
}

#MRIHighLightBoxContainer div.HighLightBoxDivider
{
    background-color: #83A9A9;
    width: 300px;
    height:15px;
    clear:both;
    margin: 0 0 5px 0;
}

/* Start Global Footer Section */

/* SYZ 20090609 Project 318 ***********************************************/
#MRIPageFooter
{
    margin: 0 0 0 16px;
    padding:0;
    width:984px;
    clear:both;
}
/* SYZ 20090609 *********************************************************/

#MRIPageFooter div.MoreInfoBox, div.AboutUsBox
{
	font-size:12px;
	font-weight: bold;
	color: #666666;
	padding: 0;
	margin: 5px 5px 0 5px;
}	

#MRIPageFooter div.MoreInfoBox a, div.AboutUsBox a
{
	font-size:11px;
	font-weight: normal;
}
#MRIPageFooter div.Disclaimer
{
    margin: 15px 0 25px 0;
}
#MRIPageFooter div.Disclaimer p
{ 
	font-size:11px;
	color: #333333;
}

#MRIPageFooter div.Disclaimer p a
{
    font-size:11px;
}

/*End global footer*/

/* START Global Menu */
#MRIPageMenu
{
    padding:0;
    margin: 0 0 3px 5px; 
    height:22px;
    background-color:#F97676;
    width:973px;
}

#MRIPageMenu ul.siteMainMenu
{
    list-style-type: none;
    background-color: #F97676;
    margin: 0;
    padding: 0;
    width:973px;
}


#MRIPageMenu li
{
    border-right: 1px solid #FFFFFF;
    padding:3px 0 3px 0;
    margin: 0 0 0 0;
    float:left;
    display:inline;
}

#MRIPageMenu li a
{
     text-decoration:none;
     color: #333333;
     margin:0;
     padding:3px 20px 3px 20px;
}

#MRIPageMenu ul.siteMainMenu li a:hover
{
      background-color:#FDD1D1;      
}

#MRIPageMenu li a.Selected
{
   background-color:#FDD1D1;
}

/* End Global Page Template setup */

/* Public Shared Fonts */

.SectionHeader h1
{
    color: #737373;
    font-size:25px;
    border-bottom: 1px solid #CCCCCC;
    margin: 5px 0 0 0;
    padding:0;
    font-weight:normal;
}

/*End Public Shared Fonts */

/*Public Shared Components */

#MRIPageFooter div.MRILogo
{
    background: url(../../Images/Common/MRILogo.jpg) no-repeat;
    width: 142px;
    height:32px;
    float:left;
    margin: 0 10px 0 0;
}

.MRIGrayDiv
{
    clear:both;
    height:1px;
    background: url(../../Images/Common/GrayDot.jpg) repeat-x;
}

.clear
{
    clear:both;
    padding:0;
    margin:10px 0 0 0;
}

/*End Public shared Components*/

/*Feedback */

#EmailIntro
{
    margin:10px 0 0 0;
}

#FeedbackForm div.formBody, #EmailForm div.formBody
{
    margin: 30px 0 65px 0;
}

#FeedbackForm div.formBody div.formField, #EmailForm div.formBody div.formField
{
    margin: 0 0 5px 0;
}

.FormIndicates
{
    color:Red;
}

.FromPrivacy
{
    margin: 10px 0 0 0;
    padding: 0 0 0 5px;
 
}

.Return
{
    background-color: #FCF9D8;
    margin: 10px 0 0 0;
    padding: 0 0 0 10px;
    
}

#EmailForm div.formBody div.formField span.Marker, #FeedbackForm div.formBody div.formField .Marker
{
    color:Red;
    vertical-align:top ;
}

#FeedbackForm div.formMsgBox div.formField div.Marker
{
 width:10px;
 float:left;   
 color:red;

}

#FeedbackForm div.formBody div.formField label, #ctl00_cphGlobal_lblMessage, #EmailForm div.formBody div.formField label
{
    color:#666666;
    vertical-align:top;
    padding:0;
    margin:0;
}

#ctl00_cphGlobal_txtName
{
    margin:0 5px 0 118px;
    width: 200px;
    border: 1px solid #83A9A9;
    background-color: #E9ECE4;
}

#ctl00_cphGlobal_txtEmail
{
    margin: 0 0 0 65px;
    width: 200px;
    border: 1px solid #83A9A9;
    background-color: #E9ECE4;
}

#FeedbackForm #ctl00_cphGlobal_txtMessage
{
    margin: 0 0 0 97px;
    width: 200px;
    border: 1px solid #83A9A9;
    background-color: #E9ECE4;
}

#FeedbackForm #ctl00_cphGlobal_btnSubmit
{
    border:none;
    background-color:#83A9A9;
    color:#FFFFFF;
    margin: 5px 0 0 315px;
}

#ctl00_cphGlobal_txtFriendName
{
    margin: 0 0 0 97px;
    width: 200px;
    border: 1px solid #83A9A9;
    background-color: #E9ECE4;
}

#ctl00_cphGlobal_txtFriendEmail
{
    margin: 0 0 0 44px;
    width: 200px;
    border: 1px solid #83A9A9;
    background-color: #E9ECE4;
}

#EmailForm #ctl00_cphGlobal_txtMessage
{
    margin: 0 0 0 12px;
    width: 200px;
    border: 1px solid #83A9A9;
    background-color: #E9ECE4;
}

#EmailForm #ctl00_cphGlobal_btnSubmit
{
    border:none;
    background-color:#83A9A9;
    color:#FFFFFF;
    margin: 5px 0 0 340px;
}

#AdditionalInfoContent, #EditPolicyContent, #FeedbackInstructionsContent, #AboutUsContent, #PrivacyPolicyContent
{
    padding: 10px 5px 0 0 ;
    margin:0;
}

#PrivacyPolicyContent ul
{
	margin-left:15px;	
}