/********** Custom SharePoint 2013 Responsive - Erik Swenson **********/

/********** Tablet Landscape (All Screens Up to 1024px) **********/
@media only screen 
and (max-width: 1024px){	
/* Ribbon Row */
	#s4-ribbonrow{display: none !important;}
}


/********** Tablet Portait (All Screens Up to 768px) **********/
@media only screen 
and (max-width: 768px){
/* Body */
	body{overflow: auto;}
	
/* Ribbon Row */
	#s4-ribbonrow{display: none;}
	
/* Header Section */
	#titleAreaBox{margin: 0px; display: block;}
	#s4-titlerow{display: table !important; width: 100% !important; border-bottom: 0px #FFF solid !important; background-color:transparent !important;}
	#titleAreaRow{display: block;}

/* Logo */
	#siteIcon{
		line-height: normal;
		width: 192px;
		height: 103px;
		margin-left: 10px;
		margin-right: 20px;
		position: relative;
		top: -6px;
	}
	#siteIcon a{
		width: 192px;
		height: 103px;
	}
	#siteIcon img{
	}

/* Top Links */
	#suiteBar{display: none;}

/* Header Section */
	#titleAreaBox{margin: 0px; display: block;}
	#s4-titlerow{display: table !important; width: 100% !important;}
	#titleAreaRow{display: block;}
	
/* Search */
	.ms-mpSearchBox{padding-top: 0px; position: absolute; top: 0px; height: 40px;}
	.ms-mpSearchBox, #searchInputBox{float: none; width: 100%; background-color: #002663;}
	#SearchBox{padding: 10px;}
	.ms-srch-sb{width: 100%; display: table; background-color:#FFF;}
	.ms-srch-sb>input{
		height:25px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5px;
		width: 100%;
		background-color: transparent;
		display: table-cell;
	}
	.ms-srch-sb-navLink,.ms-srch-sb-searchLink{
		display: table-cell;
	}

/* Logo */
	#siteIcon{float: left; padding-left: 10px; margin-right: 0px; margin-top: 0px !important; line-height:normal !important;}
	
/* Navigation and Page Title */
	.ms-breadcrumb-box{padding-top: 0px; margin-left: 230px; width: auto; margin-bottom: -35px; height: 100%;}
	#titleAreaRow .ms-tableCell{display: block; margin-top: 50px;}
	
	
/* Main Navigation */
	.ms-breadcrumb-top{white-space: normal;}

/* Left Navigation */
	#sideNavBox{display: none;}


/* Bottom Section Container */
	.ms-core-overlay{background-color: transparent; background-image: none;}
	#s4-workspace{overflow: visible; height: 100% !important; width: 100% !important;}

/* Content Area */
	#contentRow{padding-top: 0px;}
	#contentBox{min-width: 0px; padding: 0px; border: 0px #FFF solid; background-color: transparent;margin: 20px; }
	
/* Content Area - List View Hide Columns */
	.ms-vh, .ms-vb-user{
		display: none;
	}

}


/********** Phone Landscape (All Screens Up to 320px) **********/
@media only screen 
and (min-width: 321px)
and (orientation : landscape){
/* Global Body */

/* Version 2 */
	body{overflow: auto; background-image: none !important; background-color: #002663;}

/* Ribbon Row */
	#s4-ribbonrow{display: none;}
	
/* Header Section */
	#titleAreaBox{margin: 0px; display: block;}
	#s4-titlerow{
		display: table !important; 
		width: 100% !important; 
		border-bottom: 0px #FFF solid !important; 
		background-color: transparent !important;
		margin-top: 0px;
		margin-bottom: -80px;
	}
	#titleAreaRow{display: block;}

/* Logo */
	#siteIcon{
		background-image:url("Liberty_Mutual.png");
		background-repeat: no-repeat;
		background-position: top left;
		line-height: normal;
		width: 192px;
		height: 90px;
		margin-left: 10px;
		margin-right: 20px;
		position: relative;
		top: -20px;
	}
	#siteIcon a{
		width: 192px;
		height: 90px;
	}
	#siteIcon img{
		display: none;
	}

/* Top Links */
	#suiteBar{display: none;}

/* Header Section */
	#titleAreaBox{margin: 0px; display: block;}
	#s4-titlerow{display: table !important; width: 100% !important;}
	#titleAreaRow{display: block;}

/* Search - Hide */
	.ms-mpSearchBox{display: none !important;}	

/* Logo */
	#siteIcon{
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 10px !important;  
		line-height:normal !important; 
		text-align: left; 
		margin-right: 0px;
		background: url("Liberty_Mutual_Surety_White2.png") no-repeat top center;
		margin-left: 0px;
		display: table-cell;
		width: auto;
	}
	.ms-siteicon-a{display: block;}
	.ms-siteicon-img{display: block;}
		
/* Navigation and Page Title */
	.ms-breadcrumb-box{padding-top: 0px; margin: 10px 10px -35px 10px !important; width: auto; height: 100%;}
	.ms-breadcrumb-top{display: none !important;}
	

/* Page Title */
	.ms-core-pageTitle,
	.ms-core-pageTitle a{
	color: #FFF !important;
	font-size: 1.5em !important;
	}
		
/* Content Section Container */
	#contentRow{}
/* Left Navigation */
	#sideNavBox{display: none;}
	
/* Content Area */
	#contentBox{
	min-width: 0px; 
	margin: 0px; 
	padding: 20px 30px; 
	border: 1px #FFF solid; 
	background-color: transparent;
	font-size: 1em !important;
	color: #FFF !important;
	border: none !important;
	}
	.lm_wb_webzone1,
	.lm_wb_webzone2,
	.lm_wb_webzone3,
	.lm_wb_webzone4,
	.lm_wb_webzone5,
	.s4-wpcell,
	.ms-webpart-zone,
	.ms-viewlsts{
		border: 0px #FFF solid;
		background-color: transparent;
		margin: 0px;
	}
	.lm_wb_webzone-title{
		color: #FFF; 
		font-size: 1.5em !important; 
		border-bottom: 1px #FFF solid; 
		padding: 0px 0px 5px 0px;
	}
	.ms-webpart-titleText.ms-webpart-titleText,
	.ms-webpart-titleText > a{
		color: #FFF; 
		font-size: 1.4em !important; 
		font-weight: normal;
	}
	.ms-webpart-titleText.ms-webpart-titleText{
		border-bottom: 1px #FFF solid;
		padding: 0px 0px 5px 0px;
	}
	
	th .ms-vb,.ms-vh2-nofilter-icon,th.ms-vh2-nograd,th.ms-vh2-nograd-icon,
	th .ms-vb a,.ms-vh2-nofilter-icon a,
	th .ms-selectedtitle .ms-vb,th .ms-selectedtitle .ms-vh2-nofilter-icon,th .ms-selectedtitle .ms-vb a,th .ms-selectedtitle .ms-vh2-nofilter-icon a,
	.ms-vh2-nofilter,.ms-vh2-nofilter-notextalign,.ms-vh2-nofilter-perm,.ms-vh a,.ms-vh2,.ms-vh2 a,
	.ms-vb,.ms-vb2,.ms-vb-user,.ms-vb-tall,.ms-pb,.ms-pb-selected,
	.ms-subtleLink:link,
	.ms-subtleLink:visited,
	.ms-atMention:link,
	.ms-atMention:visited,
	.ms-hashTag:link,
	.ms-hashTag:visited,
	a.ms-listlink,
	a.ms-listlink:hover,
	a.ms-listlink:active{color: #FFF !important;}
	.lm_wb_webzone-content{padding: 5px 0px 0px 0px;}
	.ms-headerCellStyleIcon, .ms-vb-imgFirstCell{display: none;}

}

/********** Phone Portait (All Screens Up to 320px) **********/
@media only screen 
and (max-width: 320px)
and (orientation : portrait){
/* Global Body */
	body{overflow: auto; background-image: none !important; background-color: #002663;}

/* Top Links */
	#suiteBar{}
	.ms-core-suiteLinkList{}
	#welcomeMenuBox, .ms-cui-TabRowRight{}
	#suiteBarLeft,
	#suiteBarRight{}
	
/* Remove SharePoint Logo */
	.ms-tableRow .ms-core-brandingBox{display: none;}

/* Bottom Section Container */
	.ms-core-overlay{background-image: none; background-color: transparent !important;}
	#s4-workspace{overflow: visible; height: 100% !important; width: 100% !important;}

/* Header Section */
	#s4-titlerow{border-bottom: 0px #FFF solid !important; background-color: transparent !important;}
	
/* Search */
	.ms-mpSearchBox{}
	.ms-mpSearchBox, #searchInputBox{background-color: transparent;}
	.ms-srch-sb{background-color:#FFF; border: none !important; border-radius:6px; padding: 5px;}
	.ms-srch-sb>input{font-size: 1.2em !important;}

/* Logo */
	#siteIcon{
		float: none; 
		padding-left: 0px;
		margin-top: 50px !important;
		margin-bottom: 0px !important;
		line-height:normal !important; 
		text-align: center; 
		height: 100%; 
		margin-right: 0px;
		margin-left: 0px;
		width: auto;
		display: block;
	}
		
/* Navigation and Page Title */
	.ms-breadcrumb-box{padding-top: 0px; margin: 10px 20px -35px 20px !important; width: auto; height: 100%;}

/* Main Navigation */
	.ms-core-navigation{}
	.ms-core-listMenu-horizontalBox,
	.ms-core-listMenu-horizontalBox ul,
	.ms-core-listMenu-horizontalBox li,
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-item,
	.ms-core-listMenu-horizontalBox > ul > li > table{display: block;}
	.ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink{
		margin-left:0px;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox > ul > li > ul > li{
		border: 1px #FFF solid !important; 
		margin: 15px 0px !important; 
		background-color: #FFF !important;
		border-radius:6px;
		font-size: 1em !important;
		padding: 5px 5px 5px 5px !important;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li a{
		padding: 0px !important;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li > ul .dynamic{
		display: none;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li:hover{
		background-color: #CCC;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected{
		background-color: transparent !important;
		color: #FFF !important;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:hover{
		background-color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox .ms-listMenu-editLink{
		padding: 10px; 
		color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox .ms-listMenu-editLink{
		padding: 10px;
		font-size: 2.0em !important;
		display: none;
	}
	.ms-navedit-flyoutArrow{background-image: none !important;}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-listMenu-editLink:hover{
		color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover{
		color: #FFF !important;
		font-weight: bold;
	}

/* Page Title */
	.ms-core-pageTitle{
	padding-top: 20px;
	color: #FFF !important;
	font-size: 2.0em !important;
	}
		
/* Content Section Container */
	#contentRow{}
/* Left Navigation */
	#sideNavBox{display: none;}
	
/* Content Area */
	#contentBox{
	min-width: 0px; 
	margin: 0px; 
	padding: 0px 10px; 
	border: 1px #FFF solid; 
	background-color: transparent;
	font-size: 1em !important;
	color: #FFF !important;
	border: none !important;
	}
	
	#layoutsTable td{display: inline-block !important; float: left !important; width: 100% !important;}
	#layoutsTable .ms-wiki-columnSpacing{padding: 0px;}
	#layoutsTable td td{display: table-cell !important; float: none !important; width: auto !important;}
	.ms-rte-layoutszone-outer{display: block;}
	
	.ms-promlink-root{display: none;}
	.ms-microfeed-fullMicrofeedDiv, .ms-microfeed-siteFeedMicroBlogPart, .ms-microfeed-feedPart, .ms-microfeed-rootText, .ms-microfeed-replyArea, .ms-microfeed-newReplyDiv{min-width: 0px !important;}
	.ms-microfeed-message{padding-right: 0px;}
	.ms-viewlsts{
		border: 0px #FFF solid;
		background-color: transparent;
		margin: 0px;
	}
	.s4-wpcell,
	.ms-core-pageTitle,
	.ms-core-pageTitle a{
		color: #FFF !important;
	}
	.lm_wb_webzone-title{
		color: #FFF; 
		font-size: 1.5em !important; 
		border-bottom: 1px #FFF solid; 
		padding: 0px 0px 5px 0px;
	}
	.ms-webpart-titleText.ms-webpart-titleText,
	.ms-webpart-titleText > a{
		color: #FFF; 
		font-size: 1.3em !important; 
		font-weight: normal;
	}
	.ms-webpart-titleText.ms-webpart-titleText{
		border-bottom: 1px #FFF solid;
		padding: 0px 0px 5px 0px;
	}
	th .ms-vb,.ms-vh2-nofilter-icon,th.ms-vh2-nograd,th.ms-vh2-nograd-icon,
	th .ms-vb a,.ms-vh2-nofilter-icon a,
	th .ms-selectedtitle .ms-vb,th .ms-selectedtitle .ms-vh2-nofilter-icon,th .ms-selectedtitle .ms-vb a,th .ms-selectedtitle .ms-vh2-nofilter-icon a,
	.ms-vh2-nofilter,.ms-vh2-nofilter-notextalign,.ms-vh2-nofilter-perm,.ms-vh a,.ms-vh2,.ms-vh2 a,
	.ms-vb,.ms-vb2,.ms-vb-user,.ms-vb-tall,.ms-pb,.ms-pb-selected,
	.ms-subtleLink:link,
	.ms-subtleLink:visited,
	.ms-atMention:link,
	.ms-atMention:visited,
	.ms-hashTag:link,
	.ms-hashTag:visited,
	a.ms-listlink,
	a.ms-listlink:hover,
	a.ms-listlink:active{color: #FFF !important;}
	.lm_wb_webzone-content{padding: 5px 0px 0px 0px;}
	.ms-headerCellStyleIcon, .ms-vb-imgFirstCell{display: none;}
}


.ms-dialog body{background-image: none !important;}
.ms-dialog #s4-titlerow{display: none !important;}
.ms-dialog #contentBox{background-image: none !important;}