@import "structure_fe.css";

body{
	
	font-size:12px;
	font-family: "Lucida Grande", Lucida,verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	
	}

 h2, h3, h1 {
    color: #0081c9;;
       
 }
/* Links */

a {
	color: #333300;
	text-decoration: none;
}
a:visited {
	color: #333300;
}
a:hover {
	color: #333300;
	text-decoration: underline;
}

 /* Header CSS */
 #header h1{
 	margin-left:10px;
 }

.bluebox {
	color:#678197;
	border: 1px solid #e3f1fe;
	padding:5px;
	background:#f4f9fe;
	margin:5px;
	}
.alertbox {
	color:#678197;
	border: 1px solid #e3f1fe;
	padding:5px;
	background:#f4f9fe;
	margin: 5px;
	}




/* BUTTONS */
.buttons a, .buttons button, .buttons input{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background: url(/public/css/images/dadada_40x100_textures_02_glass_75.png) /*{bgImgUrlHover}*/ 0/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    margin-bottom: 5px;
    -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
}
.buttons button,.buttons input{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
    
}
.buttons button[type],.buttons input{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img,.buttons input img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover,.buttons input:hover{
    background:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive, input.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover, input.positive:hover{
    background:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

div.errorcontainer ul{
	margin: 0px 0px 0px 20px;;
	padding: 0;
	
	list-style-image: url(/public/images/icons/bullet_go.gif);
	clear:both;

	
}


div.errorcontainer { display: none }
.errorcontainer label.error {
	display: inline;
	width: 100%;
	
}


.campaignbox{
	background-color: #ffffff;
	color: #333333;
	 -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
	margin:5px 5px 0px 0px;
	padding:5px;
	border: 1px solid #0081c9;
}

.campaignbox h2, .campaignbox h3, .campaignbox h1 {
        color: #0081c9;;
        margin: 5px 0 8px 0;
        
 }

.campaignbox h2 a, .campaignbox h3 a, .campaignbox h1 a{
   		color: #0081c9;
}
      
form.cmxform{
	
}
form.cmxform fieldset {
font-size:11px;
 margin-bottom: 0px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	font-size:1em;
	}

	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	min-height:24px;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}



form.cmxform label { width: 125px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */


	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 0px solid #d3d3d3;
	background: url(/public/images/form/cmxform-fieldset.gif) left bottom repeat-x;
	padding:0px;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 0px 7px;
	border-bottom: 1px solid #dedede;
	}
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: normal
}
.cmxform fieldset p.error label { color: red; }



input{

border: 1px solid #d3d3d3;
padding:2px;
}

textarea{

border: 1px solid #d3d3d3;
padding:2px;
}

select{

border: 1px solid #d3d3d3;
padding:2px;
background:#ffffff;
}

input.error { border: 1px solid red; }
form.cmxform .gray * { color: gray; }

.required{
color:#ff0000;
}

.loadingbg{
background-image: url(http://api.ning.com/files/mioDHpYdQUEMrW6tWzM74IQ84NHF*Tp7tdYu9W0Z132IAESeP-YNM28t5VLND*4wGiwz-dNNF4ImkrE8vfti1qAMoKQaC7kx/ajaxloader1.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

.actionclass{
	padding:5px;
	border-bottom: 1px dotted #0081c9;
	font-size:11px;
	
}

.actionclass a{
 color: #0081c9;
}

.actionblock{
	width: 90px;
	 background:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	text-align: center;
	padding:2px 5px 2px 5px;;
	 -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
	margin-right: 5px;
	font-weight: bold;
	height:15px;
	font-size: 1em;
}

.actionblock a, targetblock a{
color:#336699;
}
.graph_container{
	padding:5px 5px 5px 5px;;
	 -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
	 border:1px solid #c2e1ef;
	 margin-top: 10px;
	 margin-bottom: 10px;
}
.targetblock{
	
    color:#336699;
	text-align: center;
	padding:2px 5px 2px 5px;;
	
	font-weight: bold;
	height:15px;
	font-size: 1em;
}

div.progress-container {
  background:#c2e1ef;
    border:1px solid #6299c5;
    color:#529214;
  width: 280px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  margin-top: 0px;
   -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
  cursor:pointer;	
  
  
}

div.progress-container > div {
  background-color: #6299c5; 
  height: 18px;
   -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
	
}







.actionblockmini{
	width: 90px;
	 background:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	text-align: center;
	padding:2px 5px 2px 5px;;
	 -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
	margin-right: 5px;
	font-weight: bold;
	height:15px;
	font-size: 1em;
}

.actionblockmini a, targetblockmini a{
color:#336699;
}
.graph_containermini{
	padding:5px 5px 5px 5px;;
	 -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
	 border:1px solid #c2e1ef;
	 margin-top: 5px;
	 margin-bottom: 5px;
}
.targetblockmini{
	
    color:#336699;
	text-align: center;
	padding:2px 5px 2px 5px;;
	
	font-weight: bold;
	height:15px;
	font-size: 1em;
}

div.progress-containermini {
  background:#c2e1ef;
    border:1px solid #6299c5;
    color:#529214;
  width: 130px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  margin-top: 0px;
   -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
  cursor:pointer;	
  
  
}

div.progress-containermini > div {
  background-color: #6299c5; 
  height: 5px;
   -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
	
}