/******************************************************************************
 *
 * [ st styles ]
 *
 *****************************************************************************/

/* Import css files for all widgets*/

/*Navigation imports*/
@import "css/rightmenu.css";
@import "css/stcss.css";
@import "css/left-menu.css";
@import "css/jqueryslidemenu.css";
@import "css/nivo-slider.css";
@import "css/slider.css";
@import "css/tabcontent.css";
@import "css/lightbox.css";
@import "css/colorbox.css";

/*Image widget imports*/
@import "../../widgets/image/tinyLightbox/jquery.tinyLightbox.css";

/* Import css file ends here*/


body {
background:url("images/bg.gif") repeat scroll center top #003C79;
    border: 0 solid #CCCCCC;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-top: 36px;
}
#maindiv {
    background-color: #FFFFFF;
    border: 0 solid #CCCCCC;
    color: #092667;
    font-size: 100%;
    font-weight: normal;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 978px;
}
#header {
    border: 0 solid #CCCCCC;
    height: 87px;
    width: 978px;
}
#header span {
background:url("images/header_noaa.gif") no-repeat scroll 0 0 #FFFFFF;
height:87px;
position:absolute;
width:978px;
}
#left-side {
background:;
border:0 solid #CCCCCC;
float:left;
padding:0 12px 0 0;
width:185px;
}
#center {

    border: 0 solid #CCCCCC;
    float: left;
    margin: 25px 0;
    padding: 0;
    width: 770px;
}
#center img{

    border: none;
}
#right-side {
    border: 0 solid #CCCCCC;
    float: right;
    padding-left: 12px;
    width: 185px;
}
#wide {
    border: 0 solid #CCCCCC;
    float: left;
    margin: 25px 0;
    padding: 0;
    width: 750px;
}
#ultrawide {
border:0 solid #CCCCCC;
margin:25px auto;
width:940px;
}
.search {
    background-color: #00968A;
    clear: both;
    height: 45px;
    position: relative;
    width: 978px;
}
#footer {
    background-color: #092866;
    border: 0 solid #CCCCCC;
    height: 145px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 978px;
}
#noaa, #right-side span, #footer-divider, #footer-logos, #header, #header span, #noaa-navspace, #noaa-float, #feature-base {
display:block;
}
.search, .scroller, .footer-links-pad, .footer-links, .feature-main, .contact-info a {
display:block;
}
.noaa-title, nmfs-title {
position:absolute;
top:-1000px;
}
h1 {
color:#003C79;
font-size:150%;
margin:10px 0 15px;
}
h2, h3, h4, h5, h6 {
color:#003C79;
margin:20px 0 5px;
}
h2 {
font-size:130%;
}
h3 {
font-size:110%;
}
h4 {
color:#3069AA;
font-size:100%;
}
h5 {
color:#3069AA;
font-size:100%;
font-weight:normal;
text-decoration:underline;
}
h6 {
color:#3069AA;
font-size:100%;
font-weight:normal;
}
.sidenav h4 {
color:#092667;
font-size:120%;
margin-bottom:5px;
margin-top:0;
padding:0 8px;
position:absolute;
top:-20px;
}
p {
    margin: 10px 0;
    padding: 0;
}
#center a {
    color: #FF0000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}
#center a:hover {
color:#0033FF;
}
#explore {
    background-color: #003C79;
    color: #FFE090;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 21px 12px 20px;
}
.inline-list ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.inline-list ul li {
    border: 0 solid #CCCCCC;
    color: #0033CC;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}
#noaa-navspace {
    background-color: #003C79;
    border: 0 solid #CCCCCC;
    height: 35px;
    padding-top: 36px;
    position: absolute;
    top: -36px;
    width: 978px;
}
#noaa-nav {
    border: 0 solid #CCCCCC;
    left: 90px;
    position: absolute;
    top: -25px;
    width: 800px;
}
#noaa-float {
    background-image: url("/images_template/noaa.gif");
    border: 0 solid #CCCCCC;
    height: 355px;
    left: 978px;
    position: absolute;
    top: -36px;
    width: 114px;
}
#noaa-nav a {
    color: #FFFFFF;
    font-size: 100%;
    margin: 9px;
    padding: 0;
    text-decoration: none;
}
#noaa-nav a:hover {
    color: #FFE090;
    text-decoration: none;

}
#levelfive-nav {
    border: 0 solid #CCCCCC;
    padding: 15px;
    text-align: center;
    width: 554px;
}
#levelfive-nav ul li {
    color: #2863A7;
    font-size: 100%;
    margin: 0 6px;
}
.searchfield {
    left: 250px;
    position: absolute;
    top: 9px;
    width: 600px;
    z-index: 9000;
}
.search-title {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.search-content {
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}
#hp-hotissues {
    color: #092667;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-weight: normal;
    margin: 220px 5px 45px 0;
}
#hp-hotissues a {
    color: #00968A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    text-decoration: none;
}
#hp-hotissues a:hover {
    color: #2863A7;
    text-decoration: none;
}
.scroller {
    height: 34px;
    left: 615px;
    position: absolute;
    top: 315px;
    width: 184px;
}
#scroller1 {
    z-index: 9999 !important;
}
#scroller2 {
    z-index: 9998 !important;
}
#scroller3 {
    z-index: 9997 !important;
}
#scroller4 {
    z-index: 9996 !important;
}
#scroller5 {
    z-index: 9995 !important;
}
#scroller6 {
    z-index: 9994 !important;
}
#noaa {
    background-image: url("/images_template/noaa.gif");
    height: 321px;
    left: 979px;
    position: absolute;
    top: -4px;
    width: 111px;
}
.contact-info {
    margin-top: 10px;
}
.contact-info a {
    background: url("images/button_selected.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    padding: 8px 5px 0 8px;
    text-decoration: none;
    width: 172px;
}
.contact-info a:hover {
    color: #FFE090;
}
.sidenav {
    background-color: #FFE090;
    margin-bottom: 12px;
    margin-top: 50px;
    padding: 8px 8px 8px 0;
    position: relative;
}
.sidenav ul {
    margin-bottom: 4px;
    margin-top: 4px;
}
.sidenav ul li {
    color: #2863A7;
    font-size: 90%;
    font-weight: bold;
    list-style-position: outside;
    list-style-type: square;
    margin-left: -15px;
    padding: 3px 0;
}
.sidenav ul li a {
    color: #003C79;
    text-decoration: none;
}
.sidenav ul li a:hover {
    color: #2863A7;
    text-decoration: none;
}
.sidenav p {
    font-size: 11px;
    padding: 0 10px;
}
.sidenav p a {
    color: #003C79;
}
.feature {
    margin-bottom: 20px;
    margin-top: 10px;
}
.feature p {
    color: #000066;
    font-size: 11px;
    margin-right: 6px;
    padding-left: 14px;
}
.feature p {
    color: #000066;
    font-size: 11px;
    padding: 0 10px;
}
.feature p a {
    color: #1C5BA2;
    font-weight: bold;
    text-decoration: none;
}
.feature p a:hover {
    text-decoration: underline;
}
.feature ul li {
    color: #092866;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    list-style-position: outside;
    list-style-type: square;
    margin-left: -10px;
}
.feature-main {
    height: 152px;
    left: 197px;
    position: absolute;
    top: 132px;
    width: 200px;
}
#feature-base {
    background-color: #2863A7;
    border: 0 none #FFFFFF;
    height: 217px;
    left: 197px;
    position: absolute;
    top: 132px;
    width: 584px;
    z-index: 1;
}
.blue {
    background-color: #A7DAF5;
}
.green {
    background-color: #00D4C3;
}
.search-field {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 3px;
    vertical-align: middle;
}
.radio-button {
    padding-right: 2px;
    vertical-align: middle;
}
.button-go {
    margin-right: 10px;
    vertical-align: middle;
}
#search-curve {
    height: 15px;
    left: -53px;
    position: absolute;
    top: 36px;
    width: 400px;
    z-index: 10;
}
#center a, #wide a, #ultrawide a {
    color: #00968A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
#center a:hover, #wide a:hover, #ultrawide a:hover {
    color: #00968A;
    text-decoration: underline;
}
#wide p, #ultrawide p {
    color: #092667;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}
#footer a:hover {
    color: #FFE090;
}
#footer-spacer {
    display: block;
    float: left;
    width: 35px;
}
.footer-links-pad {
    float: left;
    height: auto;
    padding: 0 10px 10px 20px;
    width: auto;
}
.footer-links {
    float: left;
    height: auto;
    padding: 30px 10px 10px 0;
    width: auto;
}
.footer-links h4, .footer-links-pad h4 {
    color: #A7DAF5;
    font-size: 100%;
    margin: 15px 0 0 8px;
    padding: 0;
}
#footer ul {
    list-style: none outside none;
    margin: 0;
    padding: 10px 8px;
}
#footer a {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
#footer a:hover {
    color: #FFE090;
}
#footer-divider, #footer-spacer, #footer-logos, .footer-links-pad, .footer-links {
    border: 1px solid #092866;
}
#footer-divider {
    float: left;
    height: auto;
    padding: 30px 0 10px;
    width: 18px;
}
#footer-logos {
    float: right;
    padding-right: 50px;
    text-align: left;
    width: auto;
}
.skip a, .skip a:hover, .skip a:visited {
height:1px;
left:0;
overflow:hidden;
position:absolute;
top:-1000px;
width:1px;
}
.skip a:active, .skip a:focus {
height:auto;
position:static;
width:auto;
}
.stayconnected {
margin:20px 30px;
padding:0;

}
#left-content{
	float: left;
    margin: 0;
    padding: 0;
    width: 460px;
}
#right-content{
	float: right;
    margin: 0;
    padding: 0;
    width: 287px;
}
/* NEMO styles */
#nemotop {
	background-color:#00667F;
background-repeat:no-repeat;
border:0 solid #CCCCCC;
float:left;
margin:0;
padding:0;
width:770px;

}
#nemotable{
	border:none;
}
#nemotable th{
	border-top:solid #000 1px;
	border-bottom:solid #000 1px;
}
#nemotable .grey td{
	background-color:#CCC;
	
}
.announcement {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}
a.announcement:visited {
    color: #999999;
}
.skip a, .skip a:hover, .skip a:visited {
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 1px;
}
.skip a:active, .skip a:focus {
    height: auto;
    position: static;
    width: auto;
}
.image_box {
    border: 1px solid #DDDDDD;
    float: right;
    margin: 0 0 10px 20px;
    padding: 10px;
    width: 300px;
}
.image_box img {
    display: block;
}
.image_box span {
    font-size: 75%;
    text-align: center;
}
#noaa-nav {
    left: 0;
    width: 100%;
}
#noaa-nav a {
    margin: 9px 8px;
}
.inline-list ul {
    text-align: left;
}
.top_search {
    background: url("images/tsearch_bg.png") no-repeat scroll 0 0 transparent;
    border: 1px solid #DFE1E1;
    height: 21px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -4px;
    width: 242px;
}
.top_search #search-text {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 22px;
    padding: 0 4px;
    width: 180px;
}
.top_search #submit-btm {
    background: url("images/search_submit.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    margin: 0 0 0 4px;
    padding: 0 0 3px 19px;
    text-indent: -9999px;
    width: 46px;
}
/*
 * Main Slide Show Styles
 */
#slide_show h2, #slide_show p, #slide_show ul, #slide_show li {
	margin:0;
	padding:0;
}

#slide_show {
	width:771px;
	height:328px;
	background:#21497d;
	margin:2px 0 0 0;
	position:relative;
}

#slide_show ul {
	position:relative;
	list-style:none;
}

#slide_show li {
	width:771px;
	height:328px;
	position:absolute;
	top:0;
	left:0;
}

#slide_show .slider_image {


	width:771px;
	height:328px;
	position:relative;
}

#slide_show .slider_image h2 {
	background: url("images/slider_title_bg.png") repeat-x scroll 0 0 transparent;
	color: #F8EAA2;
	font-size: 18px;
	height: 59px;
	line-height: 25px;
	padding-left: 25px;
	position: absolute;
	top: 269px;
	width: 746px;
}

#slide_show .slider_image p {
	margin:0;
	padding: 0;
	position:absolute;
	top:378px;
	color:#fff;
	height:53px;
	line-height: 18px;
	padding: 7px;
	overflow:hidden;
}

#slide_show .slider_image a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#slide_show .slider_image a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}

#slide_show #number_menu {
	/*background: url("/images_template/slider_top_bg.png") repeat-x scroll 0 0 transparent;*/
	height: 47px;
	overflow: hidden;
	position: absolute;
	width: 761px;
	padding-right:10px;
}

#slide_show #number_menu a {
	background: none repeat scroll 0 0 #2C65AA;
	color: #FFFFFF;
	display: block;
	float: right;
	font-weight: bolder;
	height: 24px;
	line-height: 24px;
	margin-right: 4px;
	margin-top: 11px;
	text-align: center;
	width: 24px;
}

#slide_show #number_menu a.active_t, #slide_show #number_menu a:hover {
	background:#133968;
/*
 * box Styles
 */
}

			.boxgrid{ 
				width: 220px; 
				height: 150px; 
				margin:4px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #006F68; 
				height: 200px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				top: 200;
 			}
 				.captionfull .boxcaption {
 					top: 110px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 110px;
 					left: 0;
				}
 				#center .boxgrid a {
				color: #FFF;
				font-family:Arial,Helvetica,sans-serif;
				font-size:11px;
				font-weight:bold;
				}
 				#center .boxgrid2 a {
				color: #FFF;
				font-family:Arial,Helvetica,sans-serif;
				font-size:11px;
				font-weight:bold;
 				}
				.boxgrid2{ 
				width: 170px; 
				height: 150px; 
				margin:4px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			 
			}
				.boxgrid2 img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid2 p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				.boxgrid2 h3{ margin: 10px 10px 0 10px; color:#FFF; font:10pt Arial, sans-serif; font-weight: bold; letter-spacing:1;  
	}
				.boxgrid3{ 
				width: 220px; 
				height: 170px; 
				margin:4px; 
				float:left; 
				background: #333; 
				 
				overflow: hidden; 
				position: relative; 
			 
			}
				.boxgrid3 img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid3 p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				.boxgrid3 h3{ margin: 10px 10px 0 10px; color:#FFF; font:10pt Arial, sans-serif; font-weight: bold; letter-spacing:1;  
}
.home_box{
	background:#008789; 
	border: solid #000 1px; 
	border-top:none;
	background: url(images/home_box_bg.jpg) top;
}
.home_box h1{
	background:#008789; 
	color:#FFF; 
	font-size:16px;
	margin-bottom:0;
	border-top: solid #000 1px;
	padding:4px 4px 4px 4px;
}
.home_box p{
	
	padding:6px 4px 0 4px; 
}
.home_box a {
    color: #00968A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.home_box a:hover {
    color: #00968A;
    text-decoration: underline;
}
.clear{
	clear:both;
}
#com_nav{
	float: left;
    margin: 0;
    padding: 0;
    width: 287px;
	border-left:solid #444242 1px;
}
#com_nav h1{
	background:#444242;
	padding:0 4px 0 4px;
	color:#FFF;
	margin-top:-.5px;
}
 				.boxgrid3 .boxcaption {
 					top: 142px;
 					left: 0;
					background:#000;
}
 				.boxgrid3 a{
 					color:#FFF;
							}
				.circlecap{
					background:url(images/blue_bauble.png)
					
				}
				.roundcap{
					background:url(images/rounded_back.png)
					
				}
.nivo-caption{ 
display:none;
}
.nivo-caption p{
display:none;
}					
	
.nivo-caption p[style] { display: none !important; }
			
	
.nivo-caption [style] { display: none !important; 
}
.nivo-controlNav{
display:none;	
}
.slider2{ padding:0px; margin:0px; 
}
.msg_list {
margin: 0px;
padding: 0px;

}
.msg_head {
padding: 5px 10px;
padding-right:45px;
cursor: pointer;
position: relative;
background:#FA9040 url(images/max-min.png) no-repeat right center;
margin:1px;
color:#ededed;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}
.corner {
-moz-border-radius: 15px;
border-radius: 15px;
border:#00749F solid 1px;
padding:4px 10px 4px 10px;

}
div#highlights-box #temp-region-3,div#highlights-box #temp-region-1,div#highlights-box #temp-region-5,div#highlights-box #temp-region-2,div#highlights-box #temp-region-7{
float:left;

}
.ui-helper-clearfix {
    display: block;
}
#maindiv.perc-region #temp-region-3.perc-region {
    float: left;
}

.vspan_2 { height : 120px }
.vspan_4 { height : 240px }
.vspan_6 { height : 360px }
.vspan_8 { height : 480px }

.hspan_2  { width : 160px }
.hspan_8  { width : 640px }
.hspan_10 { width : 800px }
.hspan_12 { width : 960px }


#perc-content { margin : 0 auto }

/* Wrapper for all body content */
#perc-container
{
    margin: 0 auto;
}

#content { margin : 0 auto }

/* Wrapper for all body content */
#container
{
    margin: 0 auto;
}

.perc-region    {
    min-height: 5px;
}
.perc-widget-puff, .perc-region-puff    {
    position: relative;
    min-height: 24px;
}

.perc-widget-menubar {
    position: absolute;
    top: 0px;
    right: 0px;
}

.perc-widget-menubar li {
    float: right;
}

.perc-horizontal > .perc-region { float : left }
.perc-horizontal > .clear-float { clear : both }

.perc-ui-menu {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 100000 !important;
}

.perc-ui-menu img {	
    margin: 0 !important;
    padding: 0 !important;
    float: right !important;
}

.perc-ui-menu-icon{
   cursor: pointer;
}

.perc-region-puff {border : 1px dashed #33C9ED; padding : 20px; position: relative;}
.perc-widget-puff {border : 1px solid #E6E6E9; position: relative; z-index:1000;} /* Makign widget puff border zero to fix the split column issue. */

.perc-widget-selected, .perc-region-selected {
    background-color : #E6E6E9; 
    border:1px solid #CAF589;
	z-index:1000;
}

/* show feedback for the region-tool */
.perc-show-feedback { background: #CAF589 }
    
.perc-region-overridable { background-color : Bisque ; top : 0px; left : 0px }

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }

.placeholder-region { background-color : #CAF589; padding : 10px}
.placeholder-widget { background-color : #CAF589; height  : 5px}
.perc-hover-region-feedback { border : 1px solid #0000FF }

/* Sample content and styles - images as background of a div */
/* Sample content and styles for image widget*/
.image-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/image/images/widgetImageSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for simple text widget */
.simple-text-sample-content
{
    height:100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/PSWidget_SimpleText/images/widgetSimpleTextSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for rich text widget */
.text-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/PSWidget_RichText/images/widgetTextSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for event widget */
.event-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/event/images/widgetEventSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Blog Post widget */
.blog-post-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/blogPost/images/widgetBlogSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for file widget */
.file-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/file/images/widgetFileSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for file auto list widget */
.filelist-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/fileAutoList/images/widgetFileAutoListSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for page auto list widget */
.pagelist-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/pageAutoList/images/widgetLinkAutoListSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for page auto list widget */
.archivelist-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/archiveList/images/widgetIconArchiveEmpty.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}



/* Sample content and styles for blog list widget */
.bloglist-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/blogIndexPage/images/widgetIconBlogEmpty.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for tag list widget */
.taglist-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/tagList/images/widgetLinkTagListSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for result widget */
.result-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/result/images/widgetLinkResultSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for category widget */
.categorylist-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/categoryList/images/widgetLinkCategoryListSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for image auto list widget */
.imagelist-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/imageAutoList/images/widgetImageAutoListSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for raw html widget */
.html-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/PSWidget_RawHtml/images/widgetHtmSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Form widget */
.form-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/form/images/widgetformSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Comments widget */
.comments-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/comments/images/widgetCommentEmpty.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Comments Form widget */
.commentsform-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/commentsForm/images/widgetCommentsformEmpty.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Blog Post widget */
.blog-post-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/blogPost/images/widgetBlogSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for Rss widget */
.feed-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/rss/images/widgetRssSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Edit mode content and styles for rss widget */
.feed-edit-content{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/rss/images/widgetRssEditMode.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* style for object placeholder*/
.perc-object-placeholder
{
    background: transparent url(/cm/images/images/objectPlaceholder.png) no-repeat scroll center center;
    border : 1px solid #858690; 
    position: relative;
}
.title-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/title/images/widgetTitleEmpty.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;

}

/*
.perc-noAutoResize {
    border : 1px solid #33C9ED;
}
*/
.perc-field-disabled {
    background-color: #CCCCCC;
    color : #000000;
}

/* Sample content and styles for iframe widget */
.iframe-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/iframe/images/widgetIframeSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Edit mode content and styles for iframe widget */
.iframe-edit-content{
    height: 100px;
	width:auto;
	margin:auto;
    background: transparent url(/Rhythmyx/rx_resources/widgets/iframe/images/widgetIframeEditMode.png) no-repeat scroll center center;
}

/* Relative URL styles for iframe widget */
.iframe-relative-url{
    overflow: hidden;
    text-align: center;
    font-family: Verdana;
    font-size: 11pt;
    font-weight: bold;
}

/* Sample content and styles for flash widget */
.flash-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/flash/images/widgetFlashSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* Sample content and styles for calendar widget */
.calendar-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/calendar/images/widgetCalendarSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

#perc-delete-content-choice-label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
#perc-delete-content-choice {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0px;
    margin-right:5px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}

/* Sample content and styles for registration widget */
.registration-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/registration/images/widgetRegistrationSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

.field-label-container.align_left
{
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}

.field-label-container.align_left.fixed-width
{
	clear: left;
    width:  20%;
}

.field-input-container > #perc-registration-email-field,
.field-input-container > #perc-registration-password-field,
.field-input-container > #perc-registration-password-confirm-field
{
    width: 200px;
}

/* Sample content and styles for login widget */
.login-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/login/images/widgetLoginSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}
/* Sample content and styles for polls widget */
.poll-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/percPoll/images/widgetpollSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}
/* Sample content and styles for secure login widget */
.secure-login-sample-content
{
    height: 100px;
    background: transparent url(/Rhythmyx/rx_resources/widgets/percSecureLogin/images/widgetSecureLoginSampleBackground.png) no-repeat scroll center center;
    filter: alpha(opacity=50);
    opacity: .50;
}

.perc-widget-transperant > *
{
	opacity:0.3;
	filter:alpha(opacity=30);
}

.perc-widget-transperant  .perc-ui-menu {
    opacity:1;
	filter:alpha(opacity=100);
}
.perc-itool-selected-elem
{

}

.perc-widget-transperant .perc-itool-selected-elem > *, .perc-widget-transperant .perc-itool-selected-elem-off > * {
     opacity:0.3;
     filter:alpha(opacity=30);
}
.perc-itool-custom-cursor .ui-state-disabled, .perc-itool-custom-cursor.ui-state-disabled  {
    cursor: url('/Rhythmyx/sys_resources/images/cm/region-inspector.cur'), default  !important; 
}

.perc-itool-region-puff 
{
	/*border : 3px solid #c0c0c0; padding : 8px; position: relative;*/   
    position: relative;
    min-height: 24px;
    z-index:100000 !important;
}

.perc-itool-region-puff > *
{
    z-index:999 !important;
    opacity:0.4;
    
}
.perc-itool-region-puff-self
{
	
}
#itool-placeholder-highlighter 
{
	background-color:#caf589 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

.perc-region.ui-state-disabled {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    
}

 .perc-vertical  > .perc-widget-puff {
    width:100%;
 }
 
 /* Multi-select Styles */
 
 .perc-region-puff-gray {
    border: 1px dashed #ccc;
}

.perc-row {
    float:none !important;
    display: block !important;
}

.perc-col {
    float:left !important;    
}

.perc-clear {
    overflow:auto !important;
    height:100% !important;
}