/*** Utilities ************************************ */
.unselectable {
            user-select: none;
       -moz-user-select: -moz-none;
     -khtml-user-select: none;
    -webkit-user-select: none;
}

.displayNone {
	display:	none;
}

/* Hover & click effects for 22x22 image in a vertical sprite sheet */
.hoverActive22_22 {
	width:	22px;
	height:	22px;
	display: inline-block;
	background-position: 0  0;
	text-indent: -99999px;
	float: right;
}
.hoverActive22_22:hover {
	background-position: 0 -22px;
}
.hoverActive22_22:active {
	background-position: 0 -44px;
}

.hoverDisabled
{
	width:	22px;
	height:	22px;
	display: inline-block;
	background-position: 0  0;
	text-indent: -99999px;
	float: right; 
    opacity: 0.5;
    filter: alpha(opacity=70);
    cursor: default
}

.breakLongWords
{
	word-wrap:break-word;
}

.breakAnywhere
 {
	 word-break: break-all;
 }

.fade30 {
	height: 30px;
	background: -webkit-linear-gradient(top,      rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top,      rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top,      rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%); /* IE10+ */
	background:      -o-linear-gradient(top,      rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background:         linear-gradient(to bottom,rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.ellipsisSingleLine,
.ellipsisMultiLine
{
	position:   relative;
	display:    block;
	overflow:   hidden;
}
.ellipsisSingleLine
{
	word-break: break-all;  /* anywhere */
}
.ellipsisMultiLine
{
	word-wrap:break-word;   /* long word */
}

.ellipsisSingleLine::after,
.ellipsisMultiLine::after
{
	content:    "\00a0";
	text-align: right;
	position:   absolute;
	bottom:     0;
	right:      0;
}
.ellipsisSingleLine::after
{
	top:        0;
	width:           40px;  /* Match */
	background-size: 40px;  /* Match */
}
.ellipsisMultiLine::after
{
	width:           80px;  /* Match */
	background-size: 80px;  /* Match */
}


/*** Main stuff *********************************** */
*
{
    margin:0; /* zero out margin */
    padding:0; /* zero out padding */
}

html
{
    height: 100%;
    overflow-y:scroll;
}

body 
{ 
    background: transparent;
    font-size: .75em;
    font-family: Arial, Helvetica, sans-serif;
    color: #696969;
    overflow:visible;
    height: 100%;
}

img
{
    border: 0;        
}

.page 
{
    background-color: #EEEEEE;
    width: 980px;
    margin:0 auto;
    /*min-height: 100%;*/
    position: relative;
}

#main 
{
    clear: both;
    padding-bottom: 0; 
}

* html .page { 
    height:100%; /* IE6 treats height as min-height */
}

header, #header 
{
    margin: 0px auto 0px auto;
}

.top
{
    background-color: #000;
    color: #000;
    height: 60px;
}

footer,
#footer,
footer a:link,
footer a:visited
{
	color: #ffffff;
}

footer, #footer 
{
    background-color: #000;
    margin: -70px auto 0;  
    text-align: left;    
    position:absolute;
    bottom:0;
    height:70px;  
    width: 980px; 
    padding-left: 0px;
}

footer span, #footer span
{
    display: block;
}

footer a.downloadLink
{
    font-size: 13.5px;
}

footer .linkBox
{
    display: block;
    float: left;
    padding: 15px 0px 0 15px;
    line-height: 25px;
}

footer a.footerLink 
{
    padding-left: 14px;
}

footer img#adskResearchLogo
{ 
    display: block;
    float: right;
    padding: 25px 15px 0 0;
}

a:link {
    color: #5386B2;
	text-decoration: none;
}

a:visited {
	color: #3166AF;
	border-bottom: 1px dotted #6c6c6c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/*a:active {*/
    /*color: #000;*/
/*}*/

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
}

h1 {
    font-size: 2em;
	padding: 10px 0 10px 0;
    margin-bottom: 0;
}

h2
{
    padding: 10px 0 10px 0;
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

span.title 
{
    font-size: 2em;
    vertical-align: middle;
    font-style: normal;
    font-weight:bold;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.filters
{
    background-color:#494949;  
    margin: 0px -10px 0px -10px;
    border-bottom: 2px #646464 solid;  
    border-top: 2px #646464 solid;  
    color: #fff;
    font-size: 1.2em;
    min-height: 50px;
}

header h1, #header h1 {
    border: none;
    line-height: 1.5em;
}

section .search, #section .search
{   
    padding-top: 0;
    padding-bottom: 10px;
}

#logoSpan {
	display: inline-block;
	color: #fff;
	padding: 10px 10px 10px 15px;
}

#logoDiv
{
    margin-top:5px;
}

a#logo
{
    text-decoration: none;   
}
#tagline {
	padding-left: 4px;
	padding-top: 3px;
}

#mainSearchBoxContainer 
{
    background-color:#333333;
    padding:3px;
    padding-right:2px;
    display:inline-block;
    vertical-align:10px;
}
#mainSearchBox {
    height:15px;
}
#mainSearchButton {
	border:0;
    outline:0;
    background-image:url(../../images/magnifying_glass_states.png);
    background-position:0px 0px;
    width:21px;
    height:21px;
    vertical-align:top;
}
#mainSearchButton:hover {
    background-position:-21px 0px;
}

header h2, #header h2 {
    font-weight: bold;
	color: #fff;
    padding-left: 10px;
    margin-top: 5px;
    border: none;
}

#subtitle {
    width: 220px;
    padding: 0 10px 0 10px;
    float: left;
    text-align: left;
}

#noVideoSupport h4
{
    color: #000;
}

#welcomeBanner #welcomeBannerContainer
{
    width:980px;
    height:112px;
    background-image:url(../../images/welcomeBanner.jpg);
}

#welcomeBanner span
{
    float:left;
    clear:both;
}

#welcomeBanner #welcomeBannerLeftHalf
{
    width:579px;
    height:92px;
    padding-left:61px;
    padding-top:20px;
    color:#ffffff;
    text-shadow:2px 2px 2px #000000;
    float:left;
}

#welcomeBanner #welcomeBannerMainTagline
{
    font-size:20px;
    font-weight:bold;
}

#welcomeBanner #welcomeBannerMainTaglineBlurb
{
    font-size:14px;
    margin-top:7px;
    width:350px;
    line-height:20px;
}
#welcomeBanner #welcomeBannerMainTaglineBlurb.frenchVersion
{
    width:460px;
}

#welcomeBanner #welcomeBannerRightHalf
{
    width:309px;
    height:67px;
    padding-left:31px;
    padding-top:5px;
    margin-top:40px;
    color:#ffffff;
    text-shadow:1px 1px 2px #000000;
    float:left;
}

#welcomeBanner #welcomeBannerDownloadHeader
{
    font-size:14px;
    font-weight:bold;
}

#welcomeBanner #welcomeBannerDownloadBlurb
{
    font-size:12px;
    margin-top:15px;
}

#welcomeBanner #welcomeBannerDownloadLink
{
    margin-top:2px;
}

#welcomeBanner #welcomeBannerDownloadLink a
{
    color:#558ed5;
    background: url(../../images/welcomeBannerDownloadArrow.png) right top no-repeat;
    padding-right:18px;
    text-decoration:none;
}

/* TAB MENU   
----------------------------------------------------------*/
nav
{
	float:  right;
	margin: 15px 10px 0 0;
}

ul#menu {
    margin: 0;
    text-align: right;
    color: #dddddd;  
}

ul#menu li {
    display: inline-block;
    list-style: none;
	vertical-align: top;
}

ul#menu li#greeting {
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    font-weight: bold;
    line-height: 2.8em;
    color: #dddddd;  
}

ul#menu li a:hover {
    color: #95BDF9;
    text-decoration: underline;
}

ul#menu li a:active {
    text-decoration: underline;
}

ul#menu li#whatsNewNav a {
	color: rgb(223, 75, 75);
}

ul#menu li.selected a {
   background-color: #fff;
    color: #000;
}

#menu_div{
    color:#ddd;
    background:#000;
    font-weight:bold;
	padding-right:3px;
    height:30px; /* this prevents the height from growing when submenu expands */
}
#menu_div ul.menu {
    line-height: 2.5em;
}
#menu_div .menu li {
    height:30px;
}
#menu_div .menu li a{
    color:#ddd;
    /*padding:0 5px;*/
    height:30px;
    line-height:30px;
}

#menu_div ul .submenu {
    border:solid 1px #3E4042;
    background:#000;
    position:relative;
    top:0px;
    width:110px;
    clear:both;
    z-index:2;
    display:none;
}
#menu_div ul .submenu li.firstSubmenu
{
    border-top: none;
}
#menu_div ul .submenu li:hover{
    background-color: #617CAC;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor:pointer;
}
#menu_div ul .submenu li{
    background: none;
    display:block;
    float:none;
    padding: 2px;
    border:0;
    height:auto;
    margin: 5px;
    line-height:normal;
    border-top:solid 1px #3E4042;
}
#menu_div .submenu li a{
    display:block;
	float:none;
    margin: 5px;
    border:0;
    height:auto;
    color:#ddd;
    line-height:normal;
    
}
#menu_div .menu_title
{
	max-width:    200px;
	margin-right: 0;
	display:      inline-block;
	overflow:     hidden;
}

#menu_user_1
{
	white-space: nowrap;
}
#menu_darrow
{
	vertical-align: top;
	padding: 9px 0 0 3px;
}

ul.menu > li > span
{
	vertical-align: top;

}

.main_item_header + .main_item_header::before
{
	content: '';
	margin: 0 8px 0 4px;
}

.main_item_footer + .main_item_footer::before
{
	content: ' | ';
	margin: 0 8px 0 4px;
}

#menu_div .submenu li a:hover{
    color: #fff;
    text-decoration: none;
}
#menu_user:hover
{
    border-bottom:solid 1px #3E4042;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
	margin: 0 10px 20px 10px;
	padding: 0 1.4em 1.4em 1.4em; /* new layout */
	border: 1px solid #C2C2C2;
}

/*#SharingOptions*/
/*{*/
    /*height: 397px;*/
/*}*/

#VideoInformationEditor
{ 
    width: 380px;
}

legend 
{    
    font-size: 1.2em;
    font-weight: bold;
    color:#1E1E1E;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
    width: 200px;
}

#main article div.editor-label label
{
    color: #676767;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
}

select option
{
    padding-left:2px;
}

input[type="submit"] {
    margin-top: 10px;
}

div#dialog legend
{
    color: #fff;
}

/* TABLE
----------------------------------------------------------*/
table {
    border-collapse: collapse;
}

table td {
    padding: 3px 5px 3px 0px;
   
}

table th {
    padding: 3px 5px;
    text-align: left;   
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

#main p.error 
{
    padding-top: 10px;
    border-bottom: 1px solid #F00;
    font-size: 1.2em;
    font-weight: 700;
    display: inline;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 0 20px 0 0;
    color: White;
    float:right;
    margin-top: 10px;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

.audioEnabled
{
    padding: 0 3px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: top;
}

.videoDuration
{
    height: 14px;
    color: #fff;
    line-height: 16px;
    padding: 0 4px 1px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
    display: inline-block;
    filter: alpha(opacity=75);
    zoom: 1;
    opacity: 0.75;
    right: 7px;
    bottom: 12px;
    position: absolute;
    margin-top: 0px;
    margin-right: 0px;
    border-radius: 3px;
    background-color: rgb(0, 0, 0);   
}

.videoPrivacyOverlay
{
    height: 24px;
    width:24px;
	position:absolute;
    right: 0;
    top: 0;
	background: #000000 no-repeat 1px 1px;
}
.videoPrivacyOverlay[data-privacySetting="Unlisted"]
{
    background-image:url(../../images/hiddenWhite.png);
}
.videoPrivacyOverlay[data-privacySetting="Public"]
{
    background-image:url(../../images/publicCC.png);
}
.videoPrivacyOverlay[data-privacySetting="Private"]
{
    background-image:url(../../images/lockCC.png);
}

.thumbLink
{
    position: relative;
    display: inline-block;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #FF0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #FF0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #FF0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
    color: #ffffff;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
    color: #262626;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

select#category, select#skilllevel, select#Language, select#ProductList, select#title, select#PrimaryProduct
{
    width: 370px;
}

div#chronicleGallery div.editor-field input#Title.text-box
{
   width: 370px;
}


#VideoThumnailsEditor
{
	padding-top: 10px;
}

/*#VideoThumnailsEditor legend*/
/*{*/
	/*margin-bottom: 10px;*/
/*}*/

#changeThumbnailDiv
{
    text-align:left;
    vertical-align: bottom;
}

#changeThumbnailDiv .changethumbnailButton
{
    margin-left:15px;
    margin-bottom: 10px;
}

#changeThumbnailDiv button#uploadThumbnailButton.changegroupThumbnailButton
{
    margin-top: 10px;
    margin-bottom: 5px;
}

#changeThumbnailDiv p
{
    margin-top:70px;
}

textarea#Description
{
    width: 370px;
    min-height: 220px;
    min-width: 370px;
    max-width: 370px;
    max-width: 320px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
    font-size: 1.1em;
}

#ShareWith
{
    min-height: 250px;
    min-width: 380px;
    max-width: 380px;
}

#ShareWith option
{
    min-width: 380px;
}

#SharingOptions
{
    color: #676767;
    font-size: 1.1em;
    margin-top: 10px;
    margin-bottom: 5px;
}

#main article fieldset p
{
    color: #676767;
    font-size: 0.95em;
    margin-bottom: 10px;

}

#main article div.productsUsed
{    
    max-height:200px;
    overflow-y:scroll;
    background-color:#fff;
    margin-top: 5px;
    padding-top: 10px;
    padding-left:5px;
    font-size: 1.1em;
}

#main article div.productsUsed p
{
    margin-bottom:2px;
    margin-left: 25px;
}

#main article div.productsUsed p.productsUsedHeader
{   
    font-size:1em;
    margin-bottom:5px;
    margin-left: 10px;
}

#tab-1-info
{
    padding-top: 10px;    
}

/* Search Options and Filters
----------------------------------------------------------*/
div#searchOptionsSection ul.tagit.ui-widget.ui-widget-content.ui-corner-all
{
    width: 95%;
}

ul.tagit li.tagit-new, li.tagit-new input.ui-widget-content
{
    display:none;    
}

div#searchOptionsSection.ui-accordion div.ui-accordion-content table tbody tr th span
{
    color: #3F4040;
}

#searchOptionsSection table
{
    width: 100%;       
}

#searchOptionsSection table td
{
    padding: 5px 0px;
       
}

#searchOptionsSection table td select
{
    width: 250px;
}

#searchOptionsSection table th
{
    padding: 5px 0px 0px 0px;
}
#searchOptionsSection table td input[type=text]
{
    min-width: 80%; 
}

#searchOptionsSection.ui-accordion div.ui-accordion-content
{
    padding-top: 0px;    
}

#commandsNameSearchField
{
    color: #000;
    background-color: #F0F0F0;    
    border: 1px solid #ddd; 
}

span#ui-dialog-title-dialog.ui-dialog-title
{
    color: #000;    
}

div#commandsDialog.ui-dialog-content select#Products
{
    width: 225px;    
}

#commandDescription
{
    min-height: 130px;
}

#commandDescription_icon
{
	width:          24px;
	display:        inline-block;
	vertical-align: top;
}

#commandDescription_img
{
	vertical-align: top;
}

#commandDescription_text
{
	width:   210px;
	display: inline-block;
}

#commandDescription_text div
{
	font-weight:bold;
}

div.commandDialogContainer
{
    clear:both;
    vertical-align:middle;
    height:19px;
    overflow:hidden;
    position:relative;
    border:1px solid #d3d3d3;
    padding-left:5px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div#selectedCommandList div.commandDialogContainer
{
    clear:both;
    vertical-align:middle;
    height:19px;
    overflow:hidden;
    position:relative;
    border:1px solid #d3d3d3;
    padding-left:5px;
    white-space: normal;
}

div.commandDialogContainer input
{
    margin-right:5px;
    vertical-align:-3px;
}
div.commandDialogContainer a,
div.commandDialogContainer a:visited
{
    text-decoration:none;
    vertical-align:-1px;
	color: #000;
}

/* SE: hack for firefox */
@-moz-document url-prefix() 
{
    div.commandDialogContainer input
    {
        vertical-align:-2px;
    }
    div.commandDialogContainer a
    {
        vertical-align:0px;
    }
}

/* Feedback
----------------------------------------------------------*/
#feedBack
{
    font-size: 1.1em;
}

section.page section#main article div#feedBack textarea
{
    min-width: 600px;
    max-width: 600px;
    min-height: 300px;
    max-height: 450px;
}

.btnBackground
{
    background: url("../../images/blue-button.png") repeat-x scroll;
    background-clip: border-box;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;

}

a.btnBackground
{
    color: #fff;
    text-decoration: none;
}


/* Universal Chronicle decorations
----------------------------------------------------------*/
.chronTitle
{
	font-weight: 700;
}

/* Chronicle Gallery
----------------------------------------------------------*/
#chronicleGallery
{
    overflow: auto;    
}

/*todo: Make this obsolete!*/
#chronicleGallery .video-title, #chronicleGallery .video-title:hover
{
    color: #444444;
    font-size: 1.1em;
    font-weight: 700;
    height: 20px;
    clear:both;
    text-decoration:none;
}

#chronicleGallery div.gallery h2
{
	color: #444444;
    float: left;
    padding:0px;
}

#chronicleGallery div.gallery div.category span
{
    font-weight: bold;
    float:none;
}

div#chronicleGallery div.gallery div#galleryBody ol li h2
{
    font-size: 1.1em;   
    height: 20px; 
}

#chronicleGallery div.gallery li.imageSingle div.category
{
   padding-left: 3px; 
}

#chronicleGallery div.gallery span select
{
    width: 130px;
}

#sortBy
{
	padding-right: 15px;
}

#sortViewProgress
{
	display: inline-block;
	width: 25px;
	vertical-align: -2px;
}

#main article
{
	color: #262626;	
	background-color: #EEEEEE;		
    padding: 5px 10px 10px 10px
}

div#dialog table tr th span
{
    color:#3f4040;
}

#galleryHeader
{
    height: 45px;
	text-align: right;		
	padding-left:22px;
}

#galleryBody
{
    clear: both;			
	padding-left: 22px;		
	min-height: 535px;	
}

.gallery
{
      padding-top:5px;
      background-color:#d2d2d2;
      border: 1px solid #999999;
}
    
.gallery .imageSingle 
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #878787;
    border-radius: 4px 4px 4px 4px;
    float: left;
    font-size: 1.1em;
    height: 300px;
    margin: 5px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: left;
    width: 285px;    
}
    
.gallery .imageSingle .image
{
      text-align:center;
      height:150px; 
      margin: 0;
      width: 100%;
}
    
.gallery .imageSingle .image img
{
      width:200px; 
      height:150px; 
      vertical-align:middle;
      padding-top: 10px;
      padding-bottom: 5px;

}
    
.gallery .title
{
      color:Yellow; 
      font-weight:bold; 
      padding-top: 10px; 
      margin-top: 10px;
      padding-left: 3px;
      padding-right: 3px;
      height: 50px;
}

.chronicleslist-entry
{
    /*margin:0px 20px 5px 20px;*/
    /*padding-bottom:5px;*/
    /*border-bottom: 1px solid #AAA;*/
}

.chronicleslist-entry span
{
    font-weight:bold;
}

.video-date
{
    color:Black;
    text-decoration:none;
    font-style:normal;
    margin-top:3px;
}

.listThumb-panel
{
	padding-left:   10px;
	vertical-align: middle;
}

.checkbox-panel,
.chronicleslist-entry .listThumb-panel
{
	padding-top:    7px;
	vertical-align: top;
}

.middle-panel
{
    /*width:590px;*/
    color:Black;
	padding: 0 10px 7px 5px;
}

.middle-panel.my-chrons-middle-panel
{
	padding-top: 5px;
	width:       auto;
}

.right-panel
{
    /*width:220px;*/
    color:Black;
	/*padding-bottom: 0;*/
	padding-right: 5px;
	padding-top: 5px;
	vertical-align: top;
	border-left:1px solid #AAA;
}

td.right-panel:first-of-type
{
    padding-top: 0;
    /*border-left:1px solid #AAA;*/
}

.right-content
{
	font-size:    1em;
	padding-left: 8px;
	/*width:        120px;*/
}

#chronicles-list .right-content
{
	width:        120px;
}

/*.right-panel:first-child div*/
/*{*/
	/*height: 15px;*/
/*}*/

.right-content div
{
	width: 210px;
}

.right-content-p, #main article p.right-content-p
{
    font-size:1.1em;
    margin: 0px;    
}

.unpublished
{
   font-style:italic; 
   color: #CC0000;
}

.last-entry
{
    margin-bottom:20px;
}

/*.chronicleslist-entry td*/
/*{*/
    /*vertical-align:top;*/
/*}*/

#main article div.pagination
{
    text-align: center;
    position:static;
    color:#fff;
    font-size: 1.1em;
	padding-top: 10px;	
	/* How to make this span not take up zero height - http://www.quirksmode.org/css/clearing.html */
	overflow: hidden;
	width: 100%;
}

#main article div.pagination div#paginationRight
{
    float:left;    
}

/* Frame around the right pagination buttons */
#main article div.pagination div#paginationRight
{
    border: 1px solid #999999;
    border-radius: 4px 4px 4px 4px;
    background-color: #F9F9F9;
    margin-top: 5px;
    float:right;
	color: #000;	
	padding: 2px 10px 0 10px;	/* MC: Just  wrap frame around pagination controls with a bit of padding */
	margin-right: 28px;
}

/* Define size of the jQuery pagination buttons */
#main article div.pagination .ui-button-icon-only
{
	width:  20px;
	height: 20px;
}

/* Layout of the page n of m display */
#gridRange {
	vertical-align: 40%;
	padding-left: 5px;
	padding-right: 5px;
}

.chronicleGrid .ui-selecting  
{
    background: #9E9E9E; 
}

.chronicleGrid .ui-selected 
{ 
    background: #D2D2D2; color: white; 
}

.chronicleGrid  
{
    list-style-type: none; 
    margin: 0; 
    padding: 0;
    display:table;
    border-collapse:separate;
}

.galleryView
{
	border-spacing:10px;
}

.listView
{
	padding-right: 15px;
	padding-top:   20px;
}

.fadeChronicleGrid::after
{
	/* Fade right image. Color must match the background color in .chronicleGrid li */
	background-image: url('/Content/images/fadeRF5F5F5.png');
}

.chronicleGrid li
{
	word-wrap: break-word;
	background: none repeat scroll 0 0 #F5F5F5;
	border: 1px solid #878787;
	border-radius: 5px 5px 5px 5px;	text-align: left;
}

.galleryView li
{
	font-size: 1.1em;
	margin: 5px;
	padding:  8px;
	width: 275px;
	display:table-cell;
	position:relative;
}

.listView li
{
	margin-bottom: 5px;
}

.chronicleGridTitle {         /* Should be applicable to both galleryView and listView */
	text-decoration: none   !important;
	color: #444444          !important;
	font-weight: 700;
	font-size: 1.1em;
	height:    1.3em;       /* limit to 1 line */
	/*display: block;*/
	/*overflow: hidden;*/
	/*word-break: break-all;*/
	/*position: relative;*/
}

.galleryInfoField
{
	color:         #000000;
	margin-top:    2px;
	margin-bottom: 2px;
	/*position:      relative;*/
	/*overflow:      hidden;*/
	/*word-break:    break-all;*/
}

.galleryView .galleryInfoField,
.galleryView .galleryInfoField a,
.listView    .galleryInfoField,
.listView    .galleryInfoField a
{
	height:      1.2em;		/* Limit to 1 line */
	line-height: 1.2em;		/* Limit to 1 line */
}
.galleryView .galleryInfoField
{
	font-size:   0.88em;
}

.listView .galleryInfoField
{
	font-size:   1.0em;
}

.galleryInfoField span
{  
    font-weight: bold;
}

.galleryDescField
{
	font-size:     1.1em;
	line-height:   1.25em; /* Limit to 3 line */
	height:        3.7em;  /* Limit to 3 line */
	margin-top:    2px;
	/*margin-bottom: 2px;*/
	position:      relative;
	overflow:      hidden;
	/*word-wrap:	break-word;*/
}

.listView .chronicleGridTitle,
.listView .galleryDescField
{
	width: 525px;
}

#chronicles-list .chronicleGridTitle,
#chronicles-list .galleryDescField
{
	width: 585px;
}

#chronicles-list .chronicleGridTitle
{
	width: 585px;
}

#chronicles-list .galleryDescField
{
	height: auto;
}

.chronicleGrid li div.author
{
    padding-left: 10px;
    padding-bottom: 5px;
}

.authorLink
{
	white-space:    nowrap;        /* single line */
	max-width:      250px;          /* truncate here */
	display:        inline-block;   /* truncate */
	overflow:       hidden;         /* truncate */
	vertical-align: top;
	position:       relative;
}
.authorLink::after
{
	/* Add a fade ramp at max-width, but not visible if shorter */
	content:         "\00a0";
	text-align:      right;
	position:        absolute;
	left:            225px;     /* max-width - background-size + tweak for IE */
	bottom:          0;
	top:             0;
	width:           30px;      /* Match */
	background-size: 30px;      /* Match. Specify fade image in separate class (e.g. .fadeChronicleGrid) */
}

.galleryInfoStatsBox
{
    margin-bottom:0;
    margin-top:6px;
    float:right;
	overflow: visible;         /* override .galleryInfoField */
	height: auto !important;   /* override .galleryInfoField */
}

.galleryInfoStatsBox span,
.galleryInfoStatsBox div.ratingContainer
{
    float:right;
    clear:both;
}

#main article div#chronicleGallery div.gallery div#galleryBody ol a h2
{
    padding-bottom: 0;
}

#chronicleGallery .chronicleGrid li h2
{  
    width: 280px;
}

#noSearchResults
{
    padding-top: 5px;
    padding-left: 10px;
    float: none;
    color: #000;
    font-size: 1.2em;
}

#thumbDiv
{
    width: 100%;
    text-align:center;
}

.thumbM
{
    /*border: 1px solid deeppink;*/
    border: 1px solid silver;
    height: 80px;
    width: 128px;
    /*margin-left: 3px;*/
    /*margin-right: 3px; */
	-moz-force-broken-image-icon: 1;
}

.thumbnail
{
    height: 170px;
    width: 272px;
	padding-bottom: 6px;
	-moz-force-broken-image-icon: 1;
}

#videoThumbnailImg
{
	-moz-force-broken-image-icon: 1;
}

.videoThumbnailImgLoading
{
    position: absolute;
    left: 60%;
    top: 24%;
    height: 16px;
    width: 16px;
    display: block;     
}

.groupThumbnailImgLoading
{
    position: absolute;
    left: 16%;
    top: 56%;
    height: 16px;
    width: 16px;
    display: block;     
}

/* Select Author Dialog */
#authorSearchListVisible
{
	width: 261px;
	height: 108px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 2px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	cursor: default;
}

.authChoiceContainer
{
	height: 18px;
	white-space: nowrap;
}

#authorSearchDialog th
{
	padding-left: 0;
}

#author-input
{
	background: white url(/Content/images/magnifier.png) right no-repeat;
	padding-right: 20px;
	width: 244px;
}

#authorSelected
{
	padding-left: 5px;
}


/* My Groups
----------------------------------------------------------*/
.grouplist-entry
{
    margin:0px 20px 5px 20px;
    padding-bottom:5px;
    border-bottom: 1px solid #AAA;
    border-collapse: inherit;
}

button#groupEditSaveChanges.ui-button span.ui-button-icon-primary { 
    background-size:14px 14px;
    background-image: url(../../images/ajax-loader.gif); 
}

button#groupEditSaveChanges.ui-button span.ui-button-text
{
    padding: 0.1em 2em;
}

.grouplist-entry span
{
    font-weight:bold;
}
.my-group-edit-link
{
    margin-top:5px;
    margin-right:5px;
}

.my-group-add-link
{
}

.groupListHeader
{
    margin: 18px 15px 5px 23px;
    padding-bottom:5px;
    border-bottom: 2px solid #d2d2d2;    
}

.groupListHeader:last-of-type
{
    margin: 18px 15px 5px 23px;
    padding-bottom:5px;
    border-bottom: 2px solid #d2d2d2;     
}

.groupTitle
{
    color: #444444          !important;
	text-decoration:none    !important;
    font-size: 1.1em;
    font-weight: 700;
    height: 20px;
    clear:both;
}

.groupTitleNoLink
{
    color: #444444;
    font-size: 1.1em;
    font-weight: 700;
    height: 20px;
    clear:both;
    text-decoration:none;
}

.groupTitleNoLink:hover
{
    text-decoration:none;
}

.groupsSubTitle
{
   padding: 5px;
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
   margin-left: 5px;
   margin-bottom: 10px;
}

.ownedBy
{
    margin-top: 5px;
}

#GroupInformationEditor
{
    float: left;
    width: 380px;
}

#GroupThumbnailEditor
{
    width: 380px;
}

#GroupSharingEditor
{
    width: 460px;
    float: right;
}

#promoteToOwner
{
    margin-left: 125px;
}

#AllMembers
{
    min-height: 250px;
    min-width: 380px;
    max-width: 380px;
}

#AllMembers option
{
    min-width: 380px;
}

select#AllMembers option[disabled]
{
    background-color: #F1F1F1;
}

/* My Chronicles & My Groups
----------------------------------------------------------*/
#chronicles-list li
{
	display: block;
	margin-bottom: 7px;
	padding: 0 10px;
	margin-left: 20px;

	/*Repeat of chronicleGrid li */
	word-wrap: break-word;
	background: none repeat scroll 0 0 rgb(245,245,245);
	border: 1px solid #878787;
	border-radius: 5px 5px 5px 5px;	text-align: left;
}

.my-chrons-edit-link
{
	margin-top:5px;
	margin-right:5px;
}

.my-chrons-state-img
{
	padding-right: 4px;
	vertical-align: bottom;
}

.my-chrons-buttons-line
{
	display: table;
	width: 100%;
}

.my-chrons-download-video
{
	text-align: right;
	display: table-cell;
}

.my-chrons-download-video-mp4
{
	text-align: right;
	display: table-cell;
}

.groupDialogContainer
{
	padding: 2px;
	border-bottom: 1px solid #cccccc;
	overflow-x: hidden;
	white-space: nowrap;
}

.groupDialogContainer input {
	margin: 3px;
	vertical-align: middle
}

#uploadThumbnailDialog
{
	overflow: hidden;   /* FF/Mac */
}

/* Chronicles Detail
----------------------------------------------------------*/   
#socialMediaIconsTD
{
    width:100px;
    border-left:1px solid #d2d2d2;
    text-align:center;
    height: 50px;
}

input#privacyMessageCloseButton
{
    cursor: pointer;
}

#ratingBar
{
    text-align:right;
    margin-right:10px;
}

#ratingBar button
{
    outline:0;
    border:0;
}
#ratingBar button#likeButton, #ratingBar button#dislikeButton, #ratingBar button#flagButton
{
    height:25px;
    width:25px;
    /* this is a sprite sheet, hence the background-positions below */
    background-image:url(../../images/social/thumbsUpDownFlagStates.png);
}
/* states for like, dislike and flag buttons */
#ratingBar[data-rating-state] button#likeButton                                     {background-position:   0   0;}
#ratingBar[data-rating-state] button#likeButton:not([disabled]):hover               {background-position: -23px 0;}
#ratingBar[data-rating-state="Like"] button#likeButton                              {background-position: -46px 0;}
#ratingBar[data-rating-state="Like"] button#likeButton:not([disabled]):hover        {background-position:   0   0;}
#ratingBar[data-rating-state] button#dislikeButton                                  {background-position: -69px 0;}
#ratingBar[data-rating-state] button#dislikeButton:not([disabled]):hover            {background-position: -92px 0;}
#ratingBar[data-rating-state="Dislike"] button#dislikeButton                        {background-position:-115px 0;}
#ratingBar[data-rating-state="Dislike"] button#dislikeButton:not([disabled]):hover  {background-position: -69px 0;}
#ratingBar[data-flag-state] button#flagButton                                       {background-position:-138px 0;}
#ratingBar[data-flag-state] button#flagButton:not([disabled]):hover                 {background-position:-161px 0;}
#ratingBar[data-flag-state="Flagged"] button#flagButton                             {background-position:-184px 0;}
#ratingBar[data-flag-state="Flagged"] button#flagButton:not([disabled]):hover       {background-position:-138px 0;}

.ratingLikesCount
{
    font-weight:normal !important ;
    color: #9c9c9c;
    margin-top: 3px;
}

#chronicleGallery h1{
    color: #1E1E1E;
    margin:20px;
}

#video_time
{
    display: none;
}

#timeline
{
    border: 1px solid #676767;
    clear:both;
    height: 200px;
    width: 900px;
    margin: 10px;
    background-color: #D2D2D2;   
    border-radius: 4px 4px 4px 4px;  
}

#timelineProgressbar {
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

#timelineProgressbar .ui-widget-header {
    background: url("../../themes/base/images/ui-bg_gloss-wave_25_333333_500x100.png") repeat-x scroll 50% 50% #FF8909;
}

#timelineCurrentTime
{
    font-size: 2em;
    float: right;
    text-align: center;
    padding: 90px 10px 0px 0px;
    color: #444444;    
}

.currentTimelineSlot 
{
    background-color: #FDE7B7;
}

.selectingTimelineSlot
{
    background-color: #FBC2B1;
}

.historyHighlight
{
    background-color: #9E9E9E;    
    color: #fff;
}

.thumbnailCanvas
{
    width: 45px;
    height: 45px;
    float: right;
    margin-top: 3px;
}

#chronicleDetailsHeader
{
    width: 100%; 
    height:50px;
}

#chronicleDetailsHeader h2
{
	padding: 0;
}

.roundBorder
{    
    border-radius: 4px;
    -webkit-border-radius : 4px;
    -moz-border-radius: 4px;
}
#chronicleDetailsBottom {
	color: #000;
	padding: 10px;
	overflow: auto;
}

#chronicleUnavailable > div
{
	margin:  0 0 40px 20px;
	display: table;
}
#chronicleUnavailable > img
{
	display:      table-cell;
	border-width: 4px;
}
#chronicleUnavailable > div > div
{
	display:        table-cell;
	vertical-align: top;
	font-size:      1.3em;
	padding-left:	20px;
}
#chronicleUnavailable p:nth-child(2)
{
	font-style:		italic;
	margin-bottom:	0;
}

#chronicleInfoComments {
	width: 69%;
	float: left;
}

#chronicleInfoDetails {
	font-size: 0.85em;
	padding-left: 5px;
}
div#chronicleInfoDetails p {
	margin-bottom: 5px;
	font-size: 1.2em;
	color: #000;
	padding-right: 10px;
}
#chronicleInfoDetails p span:first-child
{
	font-weight:bold;
}

#descriptionDetailsView {
	overflow: hidden;
	position: relative;
}

#descriptionBottomFade {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#chronicleRelated {
    border-bottom: 2px solid #000000;
    float: right;
    height: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
    width: 30%;
}
div#chronicleDetailsBottom div#chronicleRelated h3, div#chronicleDetailsBottom div#chronicleComments h3
{
    color: #000;
    border-bottom: 2px solid #000;
}

#chronicleComments
{
    padding-top: 10px;
    padding-bottom: 10px;
}
div#chronicleDetailsBottom div#chronicleRelated table tbody tr td p
{
    color:Black;
    font-size:0.9em;
    /*margin-left:5px;*/
    margin-bottom:1px;
    padding: 0;
}

div#chronicleGallery div#chronicleDetailsBottom div#chronicleRelated p a
{
    color: #617CAC;
    font-size: 1em;
    text-decoration: none;  
}

#commentUL {
	margin-bottom: 0;
}

.commentList {
	list-style-type:none;
	font-size: 1em;
	margin: 4px 0;
	padding: 6px 10px 6px 5px;
}

.commentList:nth-child(even) {
	background: #E0E0E0;
}

.commentUser {
	font-weight: bold;
	margin-bottom: 0;
}

.commentTime {
	color: #888888;
	font-weight: normal;
}

.commentMessage {
	word-wrap:	break-word;
	margin:	0;
}

#postCommentInput {
	min-width: 85%;
	max-width: 85%;
	border: 1px solid black;
	max-height: 150px;
	min-height: 50px;
	margin: 5px 5px 0 5px;
	padding: 1px 6px 0 6px;
}

#postCommentButton {
	vertical-align: bottom;
	margin-bottom: 2px;
}

#errorMessage {
	color:			red;
	font-size:		1.0em;
	font-weight:	bold;
	margin-left:	5px;
}

.postedTime {
	font-weight: bold;
}

#showhideButton
{
    width:608px;height:20px; 
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	outline:none;
	background: transparent url("../../images/ShowMoreButton.png") repeat;
	display: block;
	cursor: pointer;
	text-align:center;
	color: #000;
}

#showhideButton:hover
{
	text-decoration: none;
	color: #496B9B;
}

#showhideButton span
{
	position:relative;
	top: 3px;
}
div#dialog.ui-dialog-content fieldset legend
{
    color: #000;    
}

#privacyNotification
{
    color: #fff;
            border-radius: 5px;
              -moz-radius: 5px;
    -webkit-border-radius: 5px;  
    padding: 5px;
    padding-right: 3px;
    background: #888888;
    width: 100%;
    margin-right:5px;
}

#privacyNotification > span
{
	padding-left:	5px;
	font-weight:	600;
	/*line-height:    16px;*/
	/*vertical-align:	middle;*/
	line-height: 19px;
	vertical-align: bottom;
}

#privacyNotification.unlisted
{
	background:                              #FF8F27;
	background: -webkit-linear-gradient(top, #FF8F27, #C96A1A);
	background:    -moz-linear-gradient(top, #FF8F27, #C96A1A);
	background:     -ms-linear-gradient(top, #FF8F27, #C96A1A);
	background:      -o-linear-gradient(top, #FF8F27, #C96A1A);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8F27', endColorstr='#C96A1A');
}

#privacyNotification.private
{
	background:                              #B0231C;
	background: -webkit-linear-gradient(top, #B0231C, #801a14);
	background:    -moz-linear-gradient(top, #B0231C, #801a14);
	background:     -ms-linear-gradient(top, #B0231C, #801a14);
	background:      -o-linear-gradient(top, #B0231C, #801a14);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B0231C', endColorstr='#801a14');
}

#privacyNotification.privateGranted
{
	background:                              #B0231C;
	background: -webkit-linear-gradient(top, #B0231C, #801a14);
	background:    -moz-linear-gradient(top, #B0231C, #801a14);
	background:     -ms-linear-gradient(top, #B0231C, #801a14);
	background:      -o-linear-gradient(top, #B0231C, #801a14);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B0231C', endColorstr='#801a14');
}

#privacyNotification.unpublished
{
	background:                              #AAAAAA;
	background: -webkit-linear-gradient(top, #AAAAAA, #666666);
	background:    -moz-linear-gradient(top, #AAAAAA, #666666);
	background:     -ms-linear-gradient(top, #AAAAAA, #666666);
	background:      -o-linear-gradient(top, #AAAAAA, #666666);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA', endColorstr='#666666');
}

/* Override jQuery UI CSS
----------------------------------------------------------*/
.ui-button-text-only .ui-button-text,
input.ui-button
{
	padding: .1em 0.8em;
}


#selectFilter span 
{
    position:relative;
    top:-2px;
}
    

/* Design Time Placeholders
----------------------------------------------------------*/
div.boxPlaceholder
{
    background-color: AliceBlue; 
    border: 1px dashed red;  
    text-align: center;
    font-size: 3em;
    vertical-align: middle;    
    border-radius: 4px;
    -webkit-border-radius : 4px;
    -moz-border-radius: 4px;
}

/* Ajax 
----------------------------------------------------------*/
#ajax-progress
{
	display: none;
	height: 18px;
	width:  18px;
	margin-right:5px;
}


/* Dialog and Alerts styling
----------------------------------------------------------*/
.ch-alert 
{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 0;
}

.ch-alert-info 
{
    background-color: #6683B3;
    background-image: -moz-linear-gradient(center top , #849FC2 0pt, #6683B3 100%);
}

.ch-rounded
{
     border-radius: 2px 2px 2px 2px;
}

.ch-alert-content
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: normal;
    text-shadow: 0 0 0 transparent, 0 0 2px rgba(0, 0, 0, 0.3);
}

/* Likes / Dislikes
----------------------------------------------------------*/
.likedislikebar 
{
    padding-top: 10px;
	margin: 1px 0px;
	overflow: hidden; 
	margin-bottom: 3px;
	width: 90%;
}
.likesbar {
	background: rgb(0, 102, 0); 
	height: 5px; 	
	float: left;
}
.dislikesbar {
	background: rgb(204, 0, 0); 
	height: 5px; 
	margin-right: -1px; 
	float: right;
}

/* Notifications
----------------------------------------------------------*/
.notification-message                
{  
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent), to(transparent));  
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);   
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);  
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);               
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,  transparent 75%, transparent);  
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); 
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);        
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); 
    width: 380px;  
    border: 1px solid; 
    -webkit-animation: animate-bg 5s linear infinite;
    -moz-animation: animate-bg 5s linear infinite;
    display:none;
    margin-left: 10px;
    padding: 5px 15px 5px 15px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.notification-success
{
    color: #22A60A;
    background-color: #E3FEE2;
    border: 1px solid #6FCC0C;   
}

.notification-button
{
    background: none;
    text-align: center;
    vertical-align: middle;
    border: none; 
    float: right;
	color: #fff;
	padding-right: 6px
}

.notification-button-success
{
    color: #22A60A;
}

.notification-button-fail
{
    color: #B90909;
}


/* Creative Commons
----------------------------------------------------------------*/
.CCSection
{
	display: table;
}
.CCImage,
.CCText
{
	display:        table-cell;
	padding:        0 0 0 10px;
	vertical-align: top;
}


/*Utility Download Page
----------------------------------------------------------------*/
.DownloadUtilityPg
{
    font-family: Verdana,Arial,sans-serif;
}

.DownloadUtilityPg div
{
    padding-left:30px;        
}

.DownloadUtilityPg h3
{
    margin-bottom:1em;    
}

.DownloadUtilityPg ul
{
     list-style-position:inside;    
}

.DownloadUtilityPg a
{
    color: rgb(85, 142, 213);
}

/* FAQ & What's New Page ---------------------------------------------------*/

#FAQ,
#whatsNewDiv
{
	margin: 15px;
}

#SectionsFAQ
{
    list-style: none;   
    font-size: 1.2em;
    font-weight: 400;
}

#FAQ h2
{
	text-decoration: underline;
	margin-bottom: 5px;
	margin-top: 5px;
}

#FAQ h3
{
	margin-bottom: 4px;
}

#FAQ p,
#FAQ ul
{
	line-height: 1.4em;
}

#FAQ p
{
    margin-left: 10px;
    margin-right: 10px;
}

#FAQ ul,
#FAQ ol
{
	margin: -14px 10px 8px 46px;
}

#FAQ li
{
	margin-bottom: 4px;
}

#FAQ code {
	font-size: 1.18em;
}