/* Core frontend CSS for Archimedes modules */
/* ----------------------------------------- */


/* Shared
----------------------------------------- */

	.module .poster {
		font-weight: bold;
	}

	.module .date {
		padding-left: 20px;
		font-style: italic;
	}
	
	.module .row-column { /* a column within a row */
	    float: left;
	}
	
	.module .rc-25-75-1 { /* cols 25% and 75%, col 1 */
		width: 25%;
	}
	
	.module .rc-25-75-2 { /* cols 25% and 75%, col 2 */
		width: 75%;
	}
	


/* Star rating
----------------------------------------- */	
		
	
	/* Overrides */
	
	body div.star-rating { 
		width:21px;height:20px;
	}
	body div.star-rating, body div.star-rating a { 
		background:url(/lib/archimedes/images/stars.png) no-repeat 0 0;
	}
	body div.star-rating a {
		width:21px;
	}
	body div.star-rating-on a{
		background-position:0 -20px!important
	}
	body div.star-rating-hover a{
		background-position:0 -40px
	}
	body div.rating-cancel {
		height:0;width:0;visibility:hidden;
	}

	
	/* Read only */
	
	div.module-rating-readonly { 
		float: left; 
		display: inline;
		margin-right: 20px;
	}
	div.module-rating-readonly div { 
		float: left; 
		display: inline;
		width: 21px;
		height: 20px;
		background: url(/lib/archimedes/images/stars.png) 0 0 no-repeat;
	}
	div.module-rating-readonly div.on { 
		background-position: 0 -20px;
	}
	div.module-rating-readonly div.module-rating-text {
		display: none;
		float: none;
	}


/* Attachments
----------------------------------------- */
	
	.module-attachments div.icon {
	    float: left;
	    margin: 0 10px 10px 0;
	    border: 1px solid #ddd;
	    background: #fff;
	}
	
	.module-attachments div.icon div.inner {
	    padding: 2px;
	}
	
	.module-attachments div.doc-icon {
	    float: left;
	    width: 132px;
	    height: 63px;
	    background: transparent url(/lib/archimedes/images/module-attachments-doc-icon.png) 50% 50% no-repeat;
	}


/* Comments
----------------------------------------- */
	
	.module-comments .area {
		clear: both;
		margin: 0; /* this was '0 0 20px 0' but I'm not sure why... P */
	}
		.module-comments .area .infoPanel {
			clear: both;
			width: 100%;
			padding: 10px 0 0 0;
		}
			.module-comments .area .infoPanel .poster {
				float: left;
				display: inline;
				margin-right: 20px;
			}
	
			.module-comments .area .infoPanel .featured {
				float: right;
				display: inline;
				font-weight: bold;
				font-style: italic;
			}

    @media screen and (max-width: 767px) {
        .module-comments .module-comments-reveal-rows-button {
            display: block;
        }
        .module-comments .module-comments-rows-container {
            display: none;
        }
    }



/* Reviews
----------------------------------------- */

	.module-reviews .area {
		clear: both;
		margin: 0; /* this was '0 0 20px 0' but I'm not sure why... P */
	}
		.module-reviews .area .infoPanel {
			clear: both;
			width: 100%;
			padding: 10px 0 0 0;
		}
			.module-reviews .area .infoPanel .poster {
				float: left;
				display: inline;
				margin-right: 20px;
			}

			.module-reviews .area .infoPanel .featured {
				float: right;
				display: inline;
				font-weight: bold;
				font-style: italic;
			}

    @media screen and (max-width: 767px) {
        .module-reviews .module-reviews-reveal-rows-button {
            display: block;
        }
        .module-reviews .module-reviews-rows-container {
            display: none;
        }
    }


/* Messages
----------------------------------------- */

	.module-messages .area {
		clear: both;
		margin: 0; /* this was '0 0 20px 0' but I'm not sure why... P */
	}
		.module-messages .area .infoPanel {
			clear: both;
			width: 100%;
			padding: 10px 0 0 0;
		}
			.module-messages .area .infoPanel .poster {
				float: left;
				display: inline;
				margin-right: 20px;
			}

			.module-messages .area .infoPanel .featured {
				float: right;
				display: inline;
				font-weight: bold;
				font-style: italic;
			}

			
	
/* Forum module css
----------------------------------------- */
        .sso_label {
                margin-left: 1em;
                font-style: italic;
        }

        .sso_explanation {
                margin-top: 0.5em;
                margin-bottom: 0.5em;
                padding: 0.5em;
                line-height: 1.0;
                border: 1px solid lightgray;
        }

        #sso_login_form {
                border: 1px solid gray;
                padding: 1em;
                /*width: 80%;*/

        }

        #sso_login_el {
                width: 100%;

        }

        .sso_row {
                margin: 0.5em 0 0.5em 0;

        }

        .sso_row input {
                width: 99%;
                border: 1px solid black;
        }

        #sso_tandcs {
                /* margin-top: 0.5em; */
                /* margin-bottom: 0.5em; */
                /* padding: 0.5em; */
                /* line-height: 1.0; */
                /* border: 1px solid lightgray; */
        }

        .sso_row .checkbox {
                width: auto;
        }

        #sso_login_button_el {
                margin: 1em 0 1em 0;
                
        }

        #sso_login_button_el ul {
               padding: 0;
               margin: 0;
        }

        #sso_login_button_el li {
               display: inline;
               list-style-type: none;
               padding: 4px 7px 4px 7px;

               border: 1px solid #999;
               background-color: white;
        }

        #forum_disclaimer {
                border: 1px solid lightgray;
                padding: 0.5ex;
                margin-top: 0.5ex;
                margin-bottom: 0.5ex;
        }

        #forum_settings_buttons {
                float: right;
        }

        #forum_content {
    

        }

        #forum_login_status {
                margin: 0.5em 0 0.5ex 0;
        } 

        #forum_pane {
                border: 1px solid black;
                padding: 1em;
        }

        .forum_message {
                min-width: 5em;
                min-height: 5em;
                border: 1px black solid;
                margin: 1ex 0;
                padding: 1ex;
        }

        span.username {
                
        }
       
        span.date {
               font-size: smaller;
        }

        #forum_board_list {
               margin: 1em;
        }
        
        #forum_board_list span.date {
                float: right;
        }

        #forum_board_list ul {
               padding: 0;
               margin: 0;
        }

        #forum_board_list li {
               list-style-type: none;
               padding: 2px;
               border-top: 1px dotted grey;
               border-bottom: 1px dotted grey;
            
        }

        .forum_message p {
                padding: 1ex;
        }

        #forum_message_stats {

                float: right;

        }

        #forum_message_stats span {
                margin-right: 1ex;
        }

        .forum_header {

        }
        
        .forum_header ul {
                padding: 0;
        }
        
        .forum_header li {
                display: inline;
                padding: 0.5ex;
        }

        .forum_message_header {
	        overflow: auto;
                border-bottom: 1px grey solid;
        } 
        
        .forum_message_header a {
                float: right;
                margin-right: 1px;
        } 

        .forum_moderate_buttons {
                padding: 0.15em 0 0.15em 0;
        }

        .forum_moderate_buttons a {
                float: none;
        }

	.forum_warn_button {
                /*
                 * This stops scrollbar gutter appearing when you click the button.
                 * The a decoration causes the size to change factionally.
                 */
	        float: right;
                margin-bottom: 5px;
        }

        .forum_awaiting_approval {
                margin: 1ex;
                padding-left: 0.5em;
                background-color: #eee;
                border-top: 1px dotted grey;
                border-bottom: 1px dotted grey;
        }

        .forum_pending_message {
                border: 1px dashed grey; 
                background-color: pink;
        }

        .forum_edited_message {
                margin: 1em;
                background-color: lightblue;
                padding: 1em;
        }

        .forum_system_message {
                border: 1px dashed darkgrey;
                margin-bottom: 1em; 
        }

        .forum_notmoderated {
            border: 1px solid lightgray;
            padding: 1em;
            
        }

        .forum_notmoderated ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .forum_moderated {
                
        }
        
        .forum_user_list {
                
        }

        #forum_new_form {
               padding: 1em 1em 3em 1em;
               border: 1px solid lightgray;
               display: none;
               
        } 
        
        #forum_edit_form {
               padding: 1em 1em 3em 1em;
               border: 1px solid lightgray;
        }

        #close_edit {
               float:right;
               font-size: smaller;
        }

        .forum_new_post_header {
                

        }

        #forum_new_form textarea {
                width: 100%;
                height: 15em;
                border: 1px solid black;
                margin: 0.5ex 0 0.5ex 0;
        }

        #forum_new_form input {
                width: 35em;
                border: 1px solid black;

        }

        .forum_edit_post_header {
                border-bottom: 1px solid black;

                margin-bottom: 1em;
            
        }

        .forum_edit_post_body {
                width: 99%;
                margin-top: 1em;
        }

        #forum_edit_form textarea {
                width: 98%;
                height: 15em;
                padding: 0.5em;
                border: 1px solid black;
                margin: 0.5ex 0 0.5ex 0;
        }

        #forum_edit_form input {
                width: 35em;
                border: 1px solid black;

        }

        .forum_invited_users {
                margin-top: 1em;
        }



.content {

}
    .content h2 {

    }
    .content h2 span {

    }


/* Editable rows
----------------------------------------- */

	.module .area h4 {
		margin: 0;
	}

	.module .area .description {
		
	}

	.module .area .copyright {
		font-style: italic;
	}
	
	.module .toggle-editable:hover {
	    background: transparent url(/lib/archimedes/images/pencil.png) top right no-repeat;
    }
	
	.module .toggle-editable .editable-view {
	    display: none;
    }
	
	.module .toggle-editable .read-only-view {
	    display: block;
	    cursor: pointer;
    }
	
	.module .toggle-editable.active .editable-view {
	    display: block;
    }
	
	.module .toggle-editable.active .read-only-view {
	    display: none;
    }
	
	.module-inrow-form .formRow {
		clear: both;
	    float: left;
		margin: 0 0 5px 0;
	}
	
	.module-inrow-form .formRow label {
        display: block;
        float: left;
        width: 90px;
	}
	
	.module-inrow-form .formRow .inputField,
        .module-inrow-form .formRow textarea {
		display: block;
        float: left;
		width: 250px;
		padding: 3px;
		border: 1px solid #999;
		font-family: 'Trebuchet MS', Arial, Sans-Serif;
		font-size: 13px;
	}
	
	.module-inrow-form .formRow textarea {
		height: 100px;
	}
	
	.module-inrow-form .formRow .mainButton {
		margin-top: 0;
	}
	
	.module-inrow-form .formRow.starRating label {
		float: left;
		display: inline;
		width: auto;
		margin-right: 18px;
	}
  



/* Blog */

div.blog-archive {
    margin-bottom: 3em;
}

/* FAQs */

.module-faq .faq_question
{
    /*padding-top:5px;*/
}
    .module-faq .faq_question h3 {
        margin: 0px;
    }
    .module-faq .faq_question h3 a {
        margin: 0 0 4px;
        outline: none;
    }
    .module-faq .faq_question a .faq_module_question_button {
        float: left;
        margin: 0 5px 0 0;
        height: 25px;
        width: 25px;
        background: url(/lib/archimedes/images/generic-previous-next-very-small.png) no-repeat scroll 0 -25px transparent;
        
    }
    .module-faq .faq_question a:hover .faq_module_question_button {
        background: url(/lib/archimedes/images/generic-previous-next-very-small.png) no-repeat scroll 0 0px transparent;
    }
    .module-faq .active .faq_question a .faq_module_question_button 
    {
        background: url(/lib/archimedes/images/generic-previous-next-very-small.png) no-repeat scroll 0 -50px transparent;
    }
    .module-faq .active .faq_question a:hover .faq_module_question_button 
    {
        background: url(/lib/archimedes/images/generic-previous-next-very-small.png) no-repeat scroll 0 -75px transparent;
    }

    .module-faq .faq_question a span.faq_question_text {
        display:block;
        padding-top:2px;
        margin-left: 32px;
    }

    .module-faq .faq-answer
    {
        margin-left: 33px;
    }


/* Core sharing - Addthis
----------------------------------------------------------- */

    .add_this_social_media_icon {
        width: 21px;
        height: 21px;
        background: url(../images/social_icons_black.png) 0 -21px no-repeat transparent;
    }

    /*load highres version of icons*/
    .device-highres .add_this_social_media_icon {
        background-image: url(../images/social_icons_black_2x.png);
        background-size: auto 42px;
    }

    .add_this_social_media_icon{display: block;}
    .add_this_social_media_icon { background-position: -147px 0px; }
    .add_this_social_media_icon.facebook { background-position: 0 0px; }
    .add_this_social_media_icon.twitter { background-position: -21px 0px; }
    .add_this_social_media_icon.flickr { background-position: -42px 0px; }
    .add_this_social_media_icon.youtube { background-position: -63px 0px; }
    .add_this_social_media_icon.googleplus { background-position: -84px 0px; }
    .add_this_social_media_icon.instagram { background-position: -105px 0px; }
    .add_this_social_media_icon.mailinglist { background-position: -126px 0px; }
    .add_this_social_media_icon.email { background-position: -210px 0px; }
    .add_this_social_media_icon.googlemap { background-position: -168px 0px; }
    .add_this_social_media_icon.pinterest { background-position: -189px 0px; }
    .add_this_social_media_icon.tumblr { background-position: -230px 0px;}
    .add_this_social_media_icon.wordpress { background-position: -294px 0px;}
    .add_this_social_media_icon.yahoomail { background-position: -315px 0px;}
    .add_this_social_media_icon.linkedin { background-position: -252px 0px;}
    .add_this_social_media_icon.tumblr { background-position: -231px 0px;}
    .add_this_social_media_icon.gmail { background-position: -273px 0px;}
    .add_this_social_media_icon.outlook { background-position: -273px 0px;}
    .add_this_social_media_icon.ical { background-position: -273px 0px;}
    /* HOVER */
    .social_links_item a:hover .add_this_social_media_icon { background-position: -147px -21px; }
    .social_links_item a:hover .add_this_social_media_icon.facebook { background-position: 0 -21px; }
    .social_links_item a:hover .add_this_social_media_icon.twitter { background-position: -21px -21px; }
    .social_links_item a:hover .add_this_social_media_icon.flickr { background-position: -42px -21px; }
    .social_links_item a:hover .add_this_social_media_icon.youtube { background-position: -63px -21px; }
    .social_links_item a:hover .add_this_social_media_icon.googleplus { background-position: -84px -21px; }
    .social_links_item a:hover .add_this_social_media_icon.instagram { background-position: -105px -21px; }
    .social_links_item a:hover .add_this_social_media_icon.mailinglist { background-position: -126px -21px; }
    .social_links_item a:hover .add_this_social_media_icon.email { background-position: -210px -21px; }
    .social_links_item a:hover .add_this_social_media_icon.googlemap { background-position: -168px -21px; }
    .social_links_item a:hover .add_this_social_media_icon.pinterest { background-position: -189px -21px; }
    .social_links_item a:hover .add_this_social_media_icon.tumblr { background-position: -230px -21px;}
    .social_links_item a:hover .add_this_social_media_icon.wordpress { background-position: -294px -21px;}
    .social_links_item a:hover .add_this_social_media_icon.yahoomail { background-position: -315px -21px;}
    .social_links_item a:hover .add_this_social_media_icon.linkedin { background-position: -252px -21px;}
    .social_links_item a:hover .add_this_social_media_icon.tumblr { background-position: -231px -21px;}
    .social_links_item a:hover .add_this_social_media_icon.gmail { background-position: -273px -21px;}
    .social_links_item a:hover .add_this_social_media_icon.outlook { background-position: -273px -21px;}
    .social_links_item a:hover .add_this_social_media_icon.ical { background-position: -273px -21px;}

    /* SHARING BUTTON
    ---------------------------------------------------------- */
    #sidebar .add_to_calendar_link.link,
    #sidebar .share_link.link{
        margin-top: 20px;
    }
    .add_to_calendar_link,
    .share_link {
        border: 1px solid ;
        float: left;
        clear: both;
        margin-bottom: 10px;
        font-weight: 200;
        text-transform: uppercase;
        color: #aaa;
        font-size: 10.5px;
        border: 1px solid #ebebeb;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        display: block;
        /*width: 80px;*/
    }
    .add_to_calendar_link a,
    .share_link a {
        /*padding: 2px 10px;*/
        color: #303030;
        text-decoration: none;
        padding: 3px 8px;
        letter-spacing: 3px;
        text-align: center;
    }
    .add_to_calendar_link a:before,
    .share_link a:before {
        content: '+ ';
    }
    .add_to_calendar_link a:hover,
    .share_link a:hover {
        cursor: pointer;
    }

    #add_to_calendar_links,
    #social_sharing_links,
    .social_sharing_links{
        display: none;
    }

    /* INLINE - social_sharing_links_inline
    --------------------------------------------------------- */
    #social_sharing_links.inline .social_links_item,
     .social_sharing_links.inline .social_links_item{
        display: inline-block;
    }

    #social_sharing_links.inline a,
    .social_sharing_links.inline a{
        border: 1px solid #DADADA;
        padding: 2px;
        display: block;
        border-radius: 50px;
    }

    #social_sharing_links.inline a span.add_this_social_media_icon,
    .social_sharing_links.inline a span.add_this_social_media_icon{
        text-indent: -9999px;
        outline: none;
        width: 21px;
        height: 21px;
    }



    /* INLINE POP UP - inline_popup
    --------------------------------------------------------- */
    #social_sharing_links.inline_popup,
    .social_sharing_links.inline_popup{
        /*padding-top: 15px;*/
        white-space: nowrap;
        width: auto;
        position: absolute;
        border: 1px solid #ebebeb;
        border-radius: 16px;
        float: left;
        padding-right: 12px;
        padding-bottom: 3px;
        line-height: 1.0em;
        background: #FFF;
        display: none;
    }

    #social_sharing_links.inline_popup .social_links_item,
    .social_sharing_links.inline_popup .social_links_item{
        display: inline-block;
    }

    #social_sharing_links.inline_popup .social_links_item a .add_this_social_media_icon,
    .social_sharing_links.inline_popup .social_links_item a .add_this_social_media_icon{
        margin-top: 5px;
        margin-left: 12px;
        text-indent: -9999px;
        outline: none;
    }

    @media all and  (max-width: 500px) {
        #social_sharing_links.inline_popup,
        .social_sharing_links.inline_popup{
            white-space: initial;
            position: absolute;
            float: left;
            max-width: 100%;
            text-align: center;
            margin-right: 30px;
        }
    }


    /* VERTICAL POPUP / option = popup_vertical
    --------------------------------------------------------- */

    #relative_add_to_calendar,
    #relative_social_sharing,
    .relative_social_sharing {
        position: relative;
        width: 100%;
        height: 100%;

    }
    #add_to_calendar,
    #social_sharing,
    .social_sharing{
        position: absolute;
        top: 0;

    }
    #relative_add_to_calendar,
    #relative_social_sharing,
    .relative_social_sharing{
        min-width: 120px;
    }
    #add_to_calendar_links.popup_vertical,
    #social_sharing_links.popup_vertical,
    .social_sharing_links.popup_vertical{
        border: 1px solid #EBEBEB;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #FFFFFF;
        position: absolute;
        z-index: 10000;
    }
    #add_to_calendar_links.popup_vertical ul,
    #social_sharing_links.popup_vertical ul,
    .social_sharing_links.popup_vertical ul{
        padding-left: 0px;
        list-style: none;
        background: #FFFFFF;
    }
    #add_to_calendar_links.popup_vertical ul li.add_to_calendar_item,
    #social_sharing_links.popup_vertical ul li.social_links_item,
    .social_sharing_links.popup_vertical ul li.social_links_item{
        width: 100%;
        clear: both;
        margin-bottom: 0px;
    }
    #add_to_calendar_links.popup_vertical ul li.add_to_calendar_item a,
    #social_sharing_links.popup_vertical ul li.social_links_item a,
    .social_sharing_links.popup_vertical ul li.social_links_item a{
        display:block;
        padding: 4px 10px;
        text-decoration: none;
        text-indent: 0;
        line-height: 24px;
    }
    #add_to_calendar_links.popup_vertical ul li.add_to_calendar_item a,
    #add_to_calendar_links.popup_vertical ul li.add_to_calendar_item a:visited,
    #social_sharing_links.popup_vertical ul li.social_links_item a,
    #social_sharing_links.popup_vertical ul li.social_links_item a:visited ,
    .social_sharing_links.popup_vertical ul li.social_links_item a,
    .social_sharing_links.popup_vertical ul li.social_links_item a:visited {
        color: #333;
    }
    #add_to_calendar_links.popup_vertical ul li.add_to_calendar_item a:hover,
    #social_sharing_links.popup_vertical ul li.social_links_item a:hover,
    .social_sharing_links.popup_vertical ul li.social_links_item a:hover{
        background: #EFEFEF;
    }
    #add_to_calendar_links.popup_vertical ul li.add_to_calendar_item a span.add_this_social_media_icon,
    #social_sharing_links.popup_vertical ul li.social_links_item a span.add_this_social_media_icon,
    .social_sharing_links.popup_vertical ul li.social_links_item a span.add_this_social_media_icon{
        margin: 0 8px 0 0;
        float: left;
    }