/*****************************************/
/***      MASTERPAGE STYLE SHEET       ***/
/*****************************************/
/**
 * Forest MasterPage styles for iMIS
 *
 * This document contains styles to properyly align the Sapling MasterPage for a mobile device.
 * 
 * TABLE OF CONTENTS:
 * General
 * Header
 * Main Content
 * Footer
 */

/************************************/
/*	       Header Section           */
/************************************/

/* This applies to the area behind the header logo and auxiliary navigation */
#doc3
{
	margin: auto !important;
	width: auto !important;
}
#Menu
{
	float:right;
	display:inline;
	/*position: absolute;*/
	right: 0;
	top: 3px;
}

#masterHeaderBackground
{
    padding:5px 5px 0;
	min-height:50px;
}

#masterLogoArea
{
    float:left;
}

/* This applies to the header logo */
#masterHeaderImage
{
    float:left;
    margin-top:.4em
}

/* These styles apply to the auxiliary navigation */
.NavigationUnorderedList
{
	padding-left: 0em;
	margin-left: 0.125em;
	margin-right: 0.125em;
	display: inline;
}

.NavigationListItem
{
	list-style-type: none;
	display: inline;
	margin-left: 0em;
}

#masterTopBarAuxiliary div
{
	padding-left: 0.125em !important;
	padding-right: 0.125em !important;
	white-space: nowrap !important;
	line-height: 2em; /* was 33px */
	display: inline;
	clear: both;
	float:left;
}

#masterTopBarAuxiliary div[role="navigation"] 
{
	float: right;
}

#masterTopBarAuxiliary .NavigationUnorderedList .NavigationListItem .NavigationLink
{
	width: auto !important;
	text-transform: none !important;
	padding-left: 0.313em !important;
	padding-right: 0.313em !important;
}

#masterTopBarAuxiliaryBottom
{
    float:right;
}

/************************************/
/*  	Main Content Section        */
/************************************/
   
#MainBody
{
    min-width:320px;
}

/* This applies to the breadcrumb area */
#masterMainBreadcrumb
{
	float: none;
	display:inline;
	line-height:33px;
}

/***** On Behalf Of Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
#masterMainImpersonation
{
	float: right;
}

.obo-panel {
    line-height:2.4em;
    white-space:nowrap;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}
.obo-panel.on {
    padding-left: 2em;
    padding-right: 2em;
}
.account-menu .obo-panel {
    padding: 3px 20px;
}
.obo-label,
.obo-actions {
    display: inline-block;
}

.obo-label {
    font-weight: bold;
}
.obo-label span:after {
    content: ':';
}

/* This applies to the page tasks (eg. Print, Email) that appear under the main navigation */
#masterPageTasks
{
	float: right;
	padding: .6em .5em 0;
}

/* Lines up the page tasks buttons */
#masterPageTasks *
{
    vertical-align:middle;
}

/* This applies to the button area at the bottom of the page (eg. Save, Cancel) */
#masterMainButtonBar
{
	margin: .5em 2em .5em 0;
	background-color: White;
}

/************************************/
/*	       Footer Section           */
/************************************/

#ft
{
    text-align: center;
}

#masterSearchArea
{
    clear: both;
    padding: 15px;
}

#masterSearchArea input[type="text"] {
    width: 80%;
}

#masterFooterNavigation .NavigationUnorderedList .NavigationListItem .NavigationLink
{
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
}

#ft #masterSocialNetworking .ContentItemContainer
{
    padding-top: .7em;
    padding-bottom: 1.5em;
}

#masterFooterCopyright
{
    font-size:.9em;
    margin-top:.9em;
    padding: 5px 0;
}