@charset "utf-8";
/* CSS Document - SOUTHWEST COORDINATION CENTER WEBSITE */
/* TIER 3 - Mobile CSS */


#wrapper {	width: 98%;	margin: 1% auto 1% auto;	background-color: #ffffff;	border: 1px solid #000000;	padding: 0px;}

#Mobile_Menu {	display: block;	width: 100%;	margin: 0;	padding: 5px 0 5px 0;	text-align: center;	text-decoration: underline;	border-bottom: 1px solid #cecece;	background: linear-gradient(#509000,#65af04); /* Standard Syntax */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509000', endColorstr='#65af04',GradientType=0 )}

#banner_1 {	height: auto;	}
#banner_2 {	display: none;	}

/* ******************** Tier_3_1_Global. css **** */

#editable_1 {
	float: left;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 1% 0 0 0;
	border-bottom: 0px solid #000000;
	font-size: .75em;
	font-weight: bold;
	color:  #145A32;
	letter-spacing: 0.1em;
	text-align: center;
	background: linear-gradient(#ffffff,#ffffff); /* Standard Syntax */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 )
}
.PRODUCT_Wrap { width: 100%; margin: 0; }

#editable_2 { margin: 2% auto 2% auto;}

.BLOCK_1 {font-size: .75em; }
.BLOCK_1_Left { float: none; width: 96%; margin: 1% 0 2% 2%; font-size: 1em; }
.BLOCK_1_Right { float: none; width: 96%; margin: 1% 0 2% 2%; font-size: 1em; border: 1px dashed #ccc; }

.BLOCK_2 { float: none; width: 96%; margin: 1% 0 2% 2%; }
.BLOCK_2_Left { float: none; width: 96%; margin: 1% 0 2% 2%; }
.BLOCK_2_Right { float: none; width: 96%; margin: 1% 0 2% 2%; }
.BLOCK_2_Left_60 { float: none; width: 96%; margin: 1% 1% 0 1%;}
.BLOCK_2_Right_30 { float: none; width: 96%; margin: 1% 1% 0 1%;}
.BLOCK_2_Left_70 { float: none; width: 96%; margin: 1% 1% 0 1%; }
.BLOCK_2_Right_25 { float: none; width: 96%; margin: 1% 1% 0 1%; }
.BLOCK_2_Left_Fixed45 {	float: none;	width: 96%;	margin: 1% 1% 0 1%;	min-height: 300px; }
.BLOCK_2_Right_Fixed40 {	float: none;	width: 96%;	margin: 1% 1% 0 1%;	min-height: 300px;}
.BLOCK_2A_Left85    { float: none; width: 96%; margin: 1% 1% 0 1%; }
.BLOCK_2A_Right15   { float: none; width: 96%; margin: 1% 1% 0 1%; }

.BLOCK_3_Left { float: none; width: 96%; }
.BLOCK_3_Right { float: none; width: 96%; }

.BLOCK_5_Left           { float: none; width: 96%; }
.BLOCK_5_Right          { float: none; width: 96%; }
.BLOCK_5_Left_70		{ float: none; width: 96%; margin: 0 0 2% 2%; font-size: .85em; }
.BLOCK_5_Right_25		{ float: none; width: 96%; margin: 0 0 0 2%; font-size: .85em; }
.BLOCK_5_Left_70_50		{ float: none; width: 96%; }
.BLOCK_5_Right_70_50	{ float: none; width: 96%; }
.BLOCK_5_Left_90    	{ float: left; width: 96%; }
.BLOCK_5_Left_80		{ float: left; width: 96%; margin: 0 0 2% 2%; font-size: .85em; }
.BLOCK_5_Right_20		{ float: left; width: 96%; margin: 0 0 0 2%; font-size: .85em; }

.BLOCK_6				{font-size: .85em; }
.BLOCK_6_Left_25		{ float: none; width: 93%;	margin: 1% 0 2% 4%;	padding: 0 0 0 0; }
.BLOCK_6_Right_70		{ float: none; width: 93%;	margin: 1% 0 2% 4%;	padding: 0 0 0 0; border: 1px dashed #000; }

.BLOCK_7_Left         {	float: none;	width: 93%;	margin: 1% 0 2% 4%;	padding: 0 0 0 0; }
.BLOCK_7_Right        { float: none;	width: 93%;	margin: 1% 0 2% 4%;	padding: 0 0 0 0; }

/* ******************** Tier_3_2_Products. css **** */

#PrepLevel 			{ width: 99%; margin: 0 auto 2% auto; padding: 0 0 0 0; border: 1px dashed #ccc; border-radius: 5px; }
#PrepLevel td		{ width: 99%;}

#SMSR_Sum_IA		{ font-size: .85em; }
#SMSR_National		{ font-size: .85em; border: 1px solid #c00000; border-radius: 5px; }
#SMSR_National td	{ width: 99%;  border: 1px dotted #ccc; }

#SMSR_IA_YesterdaySum	{ float: left; font-size: .85em; }
#SMSR_IA_YesterdayTable	{ loat: left; font-size: .85em;  }

#SMSR_ICS209_Sum1	    { float: left; width: 96%; font-size: .85em; }
#SMSR_ICS209_Sum1 td    { width: 99%;  border: 1px dotted #ccc; }
#SMSR_ICS209_1	    { float: left; width: 96%; font-size: .85em; }
#SMSR_ICS209_1 td   { border: 1px dotted #ccc; }

#SMSR_RX_Sum1       { float: left; font-size: .85em;  width: 90%; }
#SMSR_RX_Sum1 td    { float: left; font-size: .85em;   border: 1px dotted #c00000;}
#SMSR_RX_AZ			{ float: left; font-size: .85em;  }
#SMSR_RX_AZ td 		{ float: left; font-size: .85em;  }
#SMSR_RX_NM			{ float: left; font-size: .85em;  }
#SMSR_RX_NM td  	{ float: left; font-size: .85em;  }

#SMSR_YTD		    { font-size: .85em; }
#SMSR_YTD td	    { width: 99%;  border: 1px dotted #ccc; }

#SMSR_Sum_Res		    { font-size: .85em; }
#SMSR_Sum_Res td 	    { width: 99%;  border: 1px dotted #000000; }

#SMSR_ResTable		    { font-size: .85em; }
#SMSR_ResTable td	    { width: 99%;  border: 1px dotted #ccc; }

#SMSR_Sum_WX        { float: left; font-size: .85em;   }
#SMSR_Sum_WX td     { float: left; font-size: .85em;   }
#SMSR_National_WX	    { font-size: .85em; }
#SMSR_National_WX td	{ width: 99%;  border: 1px dotted #ccc; }

#SMSR_SWCC_WX	    { font-size: .85em; }
#SMSR_SWCC_WX td	{ width: 99%;  border: 1px dotted #ccc; }


#SMSR_Sum_FE		{ font-size: .85em; }
#SMSR_Sum_FE td 	{ width: 99%;  border: 1px dotted #ccc; }

#SMSR_SWCC_Staff		{ font-size: .85em; }
#SMSR_SWCC_Staff td 	{ text-align: center; width: 99%;  border: 1px dotted #000000; }

#RX_Planned_AZ		    { font-size: .85em; }
#RX_Planned_AZ td	    { width: 99%;  border: 1px dotted #ccc; text-align: center; }
#RX_Planned_NM		    { font-size: .85em; }
#RX_Planned_NM td	    { width: 99%;  border: 1px dotted #ccc; text-align: center; }
#RX_Planned_SUMMARY     { font-size: .85em; }
#RX_Planned_SUMMARY td  { width: 99%;  border: 1px dotted #ccc; }

/* ******************** IMAGES **** */

.container_img {    width: 100%;}
.container_img img {    width: 98%;    height: auto;}
.container_map1 { 	display: none; }
.container_map2 { 	float: none;	display: block;    max-width: 100%;	height: auto;}
.container_map2 img {     max-width: 100%;	height: auto;}
.iframe { font-size:9px; }

/* ******************** ROSS REPORTS ........... */

.ROSSReports_Column_1 {	float: none;	width: 98%;	margin: 1% 0 0 0;}
.ROSSReports_Column_2 {	float: none;	width: 98%; margin: 1% 0 0 0;}
.ROSSReports_Column_3 {	float: none;	width: 98%;	margin: 1% 0 0 0;}



/* ************************************ TACTICAL RESOURCE REPORT - TEAMS & CREWS ************************************ */

.Table_Header { font-size: inherit; font-weight: bold; letter-spacing: 0.1em; }

.Legend {	float: none;	clear: both;	width: 98%;	margin: 0 auto 1% auto;	padding: 0;	border-right: 0px dashed #334455;	background-color:#ffffff;	border-radius: 5px;}
.Legend_Left {	float: none;	width: 98%;	margin: 0 1% 0 1%;	border: 1px solid #000000;	padding: 0;	text-align: center;	font-weight: bold; border-radius: 5px;	background: linear-gradient(#eeeeee,#ffffff);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); }
.Legend_Right {	float: none;	width: 98%;	margin: 0 0 1% 1%;	padding: 0;	}

.TEAM_Section {	float: none; width: 96%;	margin: 1% auto 0 auto;	padding: 0;	border-top: 3px solid #000000;	font-size: 14px;	font-weight: bold;	color: #c00000;	letter-spacing: 0.3em;}
.TEAM_Section_IMT {	float: none;	clear: both;	width: 94%;	height: 800px;	margin: 1% auto 1% auto;	padding: 0 1% 0 1%;	border: 1px dashed #000000;	border-radius: 5px; font-size: 10px; }
.TEAM_Section_IMT_Rotation { clear: both;	width: 80%;	height: 350px;	margin: 0 auto 0 auto;	padding: 0 1% 0 1%; border: 1px dashed #000000;	border-radius: 5px;}
.TEAM_Section_BUYT {	float: none;	clear: both;	width: 94%;	height: 250px;	margin: 1% auto 0 auto;	padding: 0 1% 0 1%;	border: 1px dashed #000000;	border-radius: 5px;}


.CREW_Section {	float: none;	clear: both;	width: 96%;	margin: 5% auto 0 auto;	padding: 0;	border-top: 3px solid #000000;	font-size: 14px;	font-weight: bold;	color: #c00000;	letter-spacing: 0.3em;}
.CREW_Section_Type1 {	float: none;	clear: both;	width: 94%;	height: 900px;	margin: 1% auto 1% auto;	padding: 0 1% 0 1%; border: 1px dashed #000000;	border-radius: 5px; }
.CREW_Section_Type1_OOA {	float: none;	clear: both;	width: 94%;	height: 500px;	margin: 1% auto 0 auto;	padding: 0 1% 0 1%;	border: 1px dashed #000000;	border-radius: 5px; }
.CREW_Section_Type1_Other {	float: none;	clear: both;	width: 94%;	margin: 1% auto 1% auto;	padding: 0 1% 0 1%;	border: 1px dashed #000000;	border-radius: 5px; }
.CREW_Section_Module {	float: none;	clear: both;	width: 94%;	height: 500px;	margin: 1% auto 0 auto;	padding: 0 1% 0 1%;	border: 1px dashed #000000;	border-radius: 5px;}


/* ******************** ICS-209 INCIDENT LOCATION MAP - TABLES ********************* */
#ICS209Table { 	display: none;}


/* ******************** WILDWEB ********** */

.block_whole {	float: none;	clear: none;	width: 96%;	margin: 1%;	border: 1px solid #808080;	padding: 0;	background-color: transpaent;	text-align: center;}
#map_canvas_wildweb {	float: none;	width: 96%;	margin: 1%;	border: 1px dashed #000000;	padding: 0px;	xxmargin-bottom: 5px;}
.map_canvas_wildweb_left {	float: none;	min-height: 0px;	width: 96%;	border: 1px dashed #c00000;	padding: 5px;	margin: 1% 1% 1% 1%;}
.map_canvas_wildweb_right {	float: none;	min-height: 0px;	width: 96%;	border: 1px dashed #509000;	padding: 5px;	margin: 1% 1% 1% 1%;	text-align: center;}
.ROSSReports_Column_1 {	float: none;	width: 98%;	padding: 0%;	margin: 1% ;	border: 1px dashed #656464;	background-color: #ffffff;}
.ROSSReports_Column_2 {	float: none;	width: 90%;	padding: 1%;	margin: 0 1% 0 0;	border: 1px dashed #656464;	background-color: #ffffff; }
.ROSSReports_Column_3 {	float: none;	width: 98%;	padding: 0%;	margin: 1%;	border: 1px dashed #656464;	background-color: #f9f3e3;}


/* *************** FIRE ENVIRONEMENT REPORT *************************************************** */

.column_left_FireEnv	{ float: none; width: 100%; }
.column_right_FireEnv	{ float: none; width: 100%; }
#DSS_SWARD td			{ width: 100%;}

/* *************** CONTACT US / SWC MGR *************************************************** */
<textarea name="comments" cols="10" rows="40"></textarea>

/* *************** SWCC BOTTOM *************************************************** */

.SWCC_Bottom {	float: none;	clear: both;	width: 98%;	margin: 1% 0 1% 0;	padding: 1% auto 1% auto;	background-color: #FBF9F9;	border: 1px solid #656464;	text-align: right;	border-radius: 5px;	background: linear-gradient(#eeeeee,#ffffff);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );}
.SWCC_Bottom_Right {	float: none;	width: 96%;	height: 30px;	margin: 0 0 0 0;	padding: 5px;	background-color: #FBF9F9;	text-align: center;	background: url("../images/logo_swcc_small_product.gif") no-repeat right center; }
.SWCC_Bottom_Right_GraniteMtn {	float: none;	width: 96%;	height: 30px;	margin: 0 0 0 0;	padding: 5px;	background-color: #FBF9F9;	text-align: center;	background: url("../images/logo_GM_IHC_sm_60.gif") no-repeat right center; }




                                      /* ******************** DATA TABLES **** */

/* ******************** MOBILE MENU *********************** */
.Mobile_Menu col.odd  { width: 80%; }
.Mobile_Menu col.even { width: 50%; }
.Mobile_Menu tbody th { text-align: center; }



/* **************** FFD >NFDRS >DAILY ERC CHARTS >LEGEND *********************** */
.FFD_Areawide_Legend table, thead, tbody, th, td, tr  { display: block; }
.FFD_Areawide_Legend col.odd  { width: 100%;  }
.FFD_Areawide_Legend col.even  { width: 100%; }
.FFD_Areawide_Legend thead th { position: absolute; top: -9999px; left: -9999px; }
.FFD_Areawide_Legend tbody tr { border: 1px solid #ccc; margin: 0 0 1% 0;  }
.FFD_Areawide_Legend tbody tr td {  border: none; position: relative; padding: 2%;  text-align: right; color: #c00000; border-bottom: 1px solid #000; }
.FFD_Areawide_Legend tbody td:before {  position: absolute;	top: 9px; left: 3px; color: #334455; font-weight:bold; text-align: left; } /* TH cells */
.FFD_Areawide_Legend tbody td:nth-of-type(1):before { content: "NUMBER"; }
.FFD_Areawide_Legend tbody td:nth-of-type(2):before { content: "STATE"; }
.FFD_Areawide_Legend tbody td:nth-of-type(3):before { content: "STATION NAME"; }
.FFD_Areawide_Legend tbody td:nth-of-type(4):before { content: "STATION ID"; }
.FFD_Areawide_Legend tbody td:nth-of-type(5):before { content: "ASSOC. UNIT"; }


/* **************** FFD >NFDRS >DAILY ERC CHARTS >BY PSA >THRESHOLDS *********************** */
.FFD_Areawide_ByPSA table, thead, tbody, th, td, tr  { display: block; }
.FFD_Areawide_ByPSA col.odd  { width: 100%;  }
.FFD_Areawide_ByPSA col.even  { width: 100%; }
.FFD_Areawide_ByPSA thead th { position: absolute; top: -9999px; left: -9999px; }
.FFD_Areawide_ByPSA tbody tr { border: 1px solid #ccc; margin: 0 0 1% 0;  }
.FFD_Areawide_ByPSA tbody tr td {  border: none; position: relative; padding-left: 10%;  text-align: right; color: #c00000; border-bottom: 1px solid #000; }
.FFD_Areawide_ByPSA tbody td:before {  position: absolute;	top: 1px; left: 3px; color: #334455; font-weight:bold; text-align: left; } /* TH cells */
.FFD_Areawide_ByPSA tbody td:nth-of-type(1):before { content: "PSA:"; }
.FFD_Areawide_ByPSA tbody td:nth-of-type(2):before { content: "50th Percentile:"; }
.FFD_Areawide_ByPSA tbody td:nth-of-type(3):before { content: "90th Percentile:"; }
.FFD_Areawide_ByPSA tbody td:nth-of-type(4):before { content: "97th Percentile:"; }


/* **************** Dispatch - SW Mobilization Guide ********************************** */
.SW_Mobguide table, thead, tbody, th, td, tr  { display: block; }
.SW_Mobguide caption { padding: 0.2em 0 0.2em 0; color: #ffffff; font-weight: bold; background-image: linear-gradient(#366092, #95b3d7); border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066092', endColorstr='#95b3d7',GradientType=0 ) }
.SW_Mobguide thead { border-radius: 5px; }
.SW_Mobguide thead th {	position: absolute; top: -9999px; left: -9999px;  }
.SW_Mobguide col.odd  { width: 100%; }
.SW_Mobguide col.even { width: 100%; }
.SW_Mobguide tbody tr { border: 1px solid #ccc; margin: 0 0 1% 0; }
.SW_Mobguide tbody tr td { border: none; position: relative; padding-left: 10%;  text-align: right; color: #c00000; border-bottom: 1px solid #000;  }
.SW_Mobguide tbody tr:nth-child(even) {  background:#eee; }
.SW_Mobguide tbody:hover > tr td { opacity: 10%; }
.SW_Mobguide tbody:hover > tr:hover td { background-color: #ffe9c5; color: #2d2d2d; text-shadow: inherit; }
.SW_Mobguide tbody td:before {  position: absolute;	top: 1px; left: 3px; color: #334455; font-weight:bold; text-align: left; } /* TH cells */
.SW_Mobguide tbody td:nth-of-type(1):before { content: "Chapter"; }
.SW_Mobguide tbody td:nth-of-type(2):before { content: "Title"; }
.SW_Mobguide tbody td:nth-of-type(3):before { content: "SWCC Contact"; }

/* **** HISTORICAL - SWA PREPAREDNESS LEVELS ***** */
.datatable_5 {  width: 100%; }
.datatable_13 {  width: 100%; }



/* ******************** FOOTER ********** */
#Footer {	clear: both;}
.FooterInfoLeft {	clear: both;	width: 98%;	margin: 0 auto 0 auto;	border: 0px solid #c0c0c0;	text-align: center;}
.FooterInfoMiddle {	clear: both;	width: 98%;	margin: 0 auto 0 auto;	border: 0px solid #c0c0c0;	text-align: center;}
.FooterInfoRight {	clear: both;	width: 98%;	margin: 0 auto 0 auto;	border: 0px solid #c0c0c0;	text-align: center;}
.FooterImageLeft {	float: left;	width: 100px;	border: 0px solid #c0c0c0;}