/* 6.0 Start */

/*
 Online Tool For Making CSS3 Design: http://westciv.com/tools/gradients/index.html
*/

.mgmtbody
{
    background-color:#EBEBEB; 
    overflow-x:hidden;
    overflow-y:auto;
    margin-left:0px;
    margin-top:0px; 
    font-family: Verdana
}

/*Header*/
.mgmtheader
{ 
  background-color:#F1F2FE;
}		

.mgmtcentered     
{    
  position:absolute;  
  top:30%;  
  left:43%; 
  padding:10px; 
  width:14%; 
  z-index:1001; 

} 

.mgmtheaderText
{
 font-weight: normal;
  text-align: left;   
  color: White;
  font-family: Verdana;
  font-size: 34.0px;
  line-height: 125%;
  text-shadow: 3.0px 2.0px 2.0px #1A632D, 2.0px 0px 1.0px #69FF69;
  column-count:2;
  column-width:10px;
  column-gap:px0px;
  column-gap:px;
  margin-left:0px;
  font-weight:bold;   
}
		
/*End Header*/

/*Placard */
.mgmtPlacard
{
    background-color: #EBEBEB;
    box-shadow:5px 10px 30px 0px #000000;    
    -webkit-box-shadow:7px 10px 20px 0px #000000;
    -moz-box-shadow:5px 10px 30px 0px #000000;
    border-radius: 10px;    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:1px solid #CCCCCC;
    padding: 5px;    
    margin:5px;
    height:100%;
    width:97.4%;        
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBEBEB), to(#EBEBEB), color-stop(.6,#EBEBEB));
    background-image :-moz-linear-gradient(19% 75% 90deg,#CCCCCC, #C4C4C4, #EDEDED 100%);
    text-align:left;
    vertical-align:top;
   
}

.mgmtPlacardHeader
{
    font-size:18px;
    font-weight:bold; 
    text-decoration:underline;
    text-align:left    
    
 }

.mgmtTextBox
{
    width:230px;
    font-size:14px;
}
	.mgmtTextBox:focus {
		background-color: #F1F2FE;
	}
/*End Placard*/

/*Container*/
.mgmtContainer
{
   background-color: #EBEBEB;   
   display: block;
   width: 100%;
   height:100%;
   padding: 0px;
    text-align:center;    
}

.mgmtLinkTD
{
    vertical-align:center;
}

.mgmtLink
{   
    font-size:10;
    color:White;
    font-weight:bold
} 
 .mgmtImage
 {     
     background-image: url('../Images/info.png'); 
     background-repeat: no-repeat; 
     background-position: center;
     height:22px;
 } 
 
 /* Modal Popup Styles */
#commentpopup,#saveConfigPopup 
{   
	max-width:550px;
	min-width:350px;
	min-height: 200px;
	border: solid 1px #72767b;
	-webkit-box-shadow: 0px 4px 6px #666, 0 0 50px rgba(255,255,255,1);
	-moz-box-shadow:  0px 4px 6px #666, 0 0 50px rgba(255,255,255,1);
	box-shadow:  0px 4px 6px #666, 0 0 50px rgba(255,255,255,1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
	opacity: 1;
	-webkit-transform: scale(1);
	-webkit-transition: all 0.25s  ease-in-out;
	-moz-transform: scale(1);
	-moz-transition: all 0.25s  ease-in-out;
	-o-transform: scale(1);
	-o-transition: all 0.25s  ease-in-out;
	transform: scale(1);
	transition: all 0.25s  ease-in-out;
	position: absolute;
	z-index: 1001;
	margin-left: auto;
	margin-right: auto;
	background-image: 
		-webkit-gradient(linear, left top, left bottom,
			from(rgba(0,15,70,0.5)),
			to(rgba(0,0,70,0.5)));
	background-image: 
		-moz-linear-gradient(top,
			rgba(0,15,70,0.5),
			rgba(0,0,70,0.5));			
   background-color:#000f46;
   border:4;
   border-color: White;
}

#commentpopup.hidden {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	top: 50%;
	left: 50%;
	margin: 0px auto;
}

#commentpopup,#saveConfigPopup  > div {

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background-image: 
	   -webkit-gradient(radial, 50% -1180, 150, 50% -280, 1400,
		   color-stop(0, rgba(143,150,171, 1)),
		   color-stop(0.48, rgba(143,150,171, 1)),
		   color-stop(0.499, rgba(75,88,120, .6)),
		   color-stop(0.5, rgba(75,88,120,0)));
	background-image: 
	    -moz-radial-gradient( 50% -470%, circle, 
	        rgba(255,255,255,.9) 75%,
	        rgba(255,255,255,.3) 86%, 
	        transparent 86.5%, 
	        transparent);
	color: #fff;
	text-shadow: 0px -1px 1px #000;
}

.commentheader {
	background: none;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size:20px;
	text-shadow: 0px -2px 1px #000;
	
}

.mgmtCommentstext
{
    color:#fff;
    text-align:left;
    font-size:15px;
    word-wrap: break-word;
    border:1;border-color:white; 
}


#commentpopup.header > h1 {
	letter-spacing: 1px;	
}

a.mgmtSubmit
{    
    color: #ffffff;
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	box-flex: 2;	
	text-align: center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin:  5px;
	height: 32px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration:none;
	background-image: 
		-webkit-gradient(linear, left top, left bottom, 
			from(#828ba3), 
			color-stop(0.5, #4c5a7c), 
			color-stop(0.5, #27375f), 
			to(#2e3d64));
	background-image: 
		-moz-linear-gradient(top,
			#828ba3, 
			#4c5a7c 50%, 
			#27375f 50%, 
			#2e3d64);
	background-color:#828ba3;

     border: 1px solid #334764; 
     padding: .3em .7em .3em .7em;
     line-height: 1.8em; 
     text-decoration:none;
}

	a.mgmtSubmit:hover, a.mgmtSubmit:focus {
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe29d), color-stop(0.5, #ffe29d), color-stop(0.5, #ffe29d), to(#ffe29d));
		background-image: -moz-linear-gradient(top, #ffe29d, #ffe29d 50%, #ffe29d 50%, #ffe29d);
		background-color: #F1F2FE;
		color: black;
	}

/* 6.0 End */