/*-----------------------------------------------------------------------------
version:   1.0.1-Beta
author:    daniel vecchiato
email:     info@4webby.com
website:   http://www.4webby.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin 
* {
  margin: 0;
	padding: 0;
}*/

/* Put it back on certain elements */

body {
	line-height: 14px;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote,  ul {margin: 1em 0;}

/* Class for clearing floats */

h1 {
	line-height: 1em;
	font-size: 20px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: italic;
	font-weight: bold;
}
h3{
	color: #333333;
	font-size: 16px;
}

.clear {width: 0px; height: 0px; line-height: 0px; font-size: 0px; clear:both;}

.floatr{float:right;}
.floatl{float:left;}


/* Remove border around linked images */

.center{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.left{
	text-align: left;
}
.right{
	text-align: right;
}
p.center{
	text-align:center;
}

strong{
	font-weight: bold;
}

small{
	color:#666;
}

img {border: 0;}

/* Left Column Menu
-----------------------------------------------------------------------------*/
.leftbox{
}

.leftbox H3{
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

/* =Wrapper
-----------------------------------------------------------------------------*/

/* Centering Technique
================================== */

#wrapper {position: relative;
left: 50%;
width: 800px;
margin-left: -400px;}

/* =Headings
-----------------------------------------------------------------------------*/



#header h1 {padding-top: 10px;
}



.login a:link, .login a:visited {text-decoration: none;
font-weight: bold;
color: #666;}

.login a:hover {text-decoration:none;
color: #FF0000;}

/* =Links
-----------------------------------------------------------------------------*/

/* =Branding
-----------------------------------------------------------------------------*/



/* =Sub Nav
-----------------------------------------------------------------------------*/

/* =Main Content
-----------------------------------------------------------------------------*/

.mainContent{
	color: #3f3f3f;
	font-size: 13px;
	line-height: 16px;
}

.mainContent p{
	padding-bottom: 15px;
	font-size: 13px;
	line-height: 16px;
	max-width: 650px;
}

.mainContent .discreet a, .DiscussionLastComment  span a{
	padding: 1px;
	border-bottom-color: #4388DC;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	color:black;
}

.mainContent .discreet a:visited{
	color:black;
}

.mainContent .discreet a:hover{
	color:white;
}



.mainContent a {padding-bottom: 1px; padding-top: 1px; padding-right: 3px; padding-left: 3px; line-height: 16px; color: #4388DC;
text-decoration: none;
font-weight: normal;}

.mainContent a:visited { color: #4388DC;
text-decoration: none;}

.mainContent a:hover {color: #fff;
text-decoration: none;
background-color: #4388DC;}

a.button-sm, input.button-sm, input.button {
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	padding-bottom: 3px;
	padding-top: 3px;
	font-family:lucida Grande;
	color:#ffffff;
	background-color:#4388DC;
	background-image: url(../images/layout/button-blue.png);
	background-position:center top;
	border: 1px solid black;
	font-size:11px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	text-decoration:none;

}

a.button-sm:hover, input.button-sm:hover,  input.button:hover{
	background-image:none;
	cursor:pointer;
}
a.button-sm:visited{	
	color:#ffffff;
}



.mainContent ul {
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}
.mainContent ul.p {
	margin-left: 30px;
}

.mainContent li p {font-size: 14px; margin-left: 0;
margin-right: 0;}

.mainContent .rss {float: right;
width: 200px;
margin: 0 0 10px 10px;
border: 1px #D0D0D0 solid;
padding: 10px;
font-size: 10px;}

.mainContent h2 {margin: 0px; padding-top: 5px; padding-bottom: 15px; font-weight: bold; border: none;
font-size: 36px;}

.important {background-color: #FBE6F2;
border: 1px solid #D893A1;
color: #333;
margin: 10px 0 5px 0;
padding: 10px;
font-weight: bold;
width: 400px;}

.important p {margin: 6px 0 8px 0;
padding: 0;}

/* =Footer
-----------------------------------------------------------------------------*/


#footer {
	color: #809FBD;
}
#footer a, #footer a:visited { padding-left: 2px; padding-bottom: 2px; padding-right: 2px; padding-top: 2px; text-decoration: none;
font-weight: bold;
color: #ebebeb;}

#footer a:hover,#footer a:active {background-color: #718daa; text-decoration:none;}

.footer_menu {font-size:14px;
color: #FFFFFF;}

.footer_menu a {padding-left: 10px;
padding-right: 10px;
color: white;
text-decoration: none;
border-right: 1px solid #99FF33;}

/* =Forms
-----------------------------------------------------------------------------*/

.error {font-weight: bold;
color: #FF9600;
padding-left: 18px;
background: url(../../shared/images/error.png) no-repeat left top;
background-color:white;
margin-top:20px;
}

/* :KLUDGE: Explicitly set the width for IE6- */

* html .error {width: 10em;}

fieldset {
width: 90%;
min-width: 730px;
padding: 2em;
margin-left: 0;
margin-bottom: 25px;
margin-right: 0;
margin-top: 25px;
border: 1px solid #ebebeb;

}

legend { padding-bottom: 5px; padding-right: 5px; padding-left: 5px; line-height: 26px; color: #666666; font-size: 20px; font-weight:bold;}

.fieldBox {
	padding-left: 12px;
	padding-bottom: 12px;
	padding-right: 12px;
	padding-top: 12px;
	border-color: #f8f8f8;
	margin-bottom: 10px;
	font-size: 18px;
	color: #666666;
}
.fieldBox legend {
	font-size: 18px;
	color: #a6a6a6;
}
label {line-height: 19px; color: #666666;}

label:hover{
}

#rightColumn label{
 
	font-weight: bold;
	margin-right: 5px;
}

#signIn label {line-height: 19px; display: block; color: #666666; font-weight: bold; min-width: 100px;}

input.text {
	font-style: italic;
	padding: 2px;
	border-color: #dddddd;
	border-width: 2px;
	border-style: solid;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 14px;
	width: 250px;
	background-color: #f8f8f8;
}

textarea{
	padding: 3px;
	border-color: #dddddd;
	border-width: 2px;
	border-style: solid;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 4px;
	background-color: #f8f8f8;
	width:400px;
}

#signIn textarea{
	width:250px;
	font-size:11px;
	line-height:15px;
}
#register {margin: 0;}

#register label, #changePassword label  {width: 200px;}

#register .error span{
margin-left: 150px;
padding-left: 150px;}

.note {display: block;}

#register.note  {display: block;
margin-left: 150px;}



/* =FLASH MESSAGE
-----------------------------------------------------------------------------*/

#flashMessage { 
padding-left: 10px; 
padding-bottom: 5px; 
padding-right: 10px; 
padding-top: 5px; 
height: 50px; 
line-height: 20px; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 3px; border-top-width: 3px; border-bottom-color: #a6a6a6; border-top-color: #a6a6a6; background-color: #f3f3f3; width: 600px;
color: #cf3e3e;
font-size: 14px;
margin: 8px 0px;
font-weight: bold;}

#flashMessage div {
	padding-top: 15px;
	padding-left: 60px;
	height: 50px;
}

#flashMessage .alert { 
background-repeat: no-repeat; 
background-image: url(../images/alert-50.png); 
color: #ff8000;
}
#flashMessage .info { 
background-repeat: no-repeat; 
background-image: url(../images/info-50.png); 
color: #00b219;
}
#flashMessage .warning { 
background-image: url(../images/warning-50.png); 
background-repeat: no-repeat; 
color: #cf3e3e;
}


            
                                                                               
#flashMessage .email { 
background-image: url(../images/stamp-50.png); 
background-repeat: no-repeat; 
color: #4388DC;
}


/* =CODE BOX
-----------------------------------------------------------------------------*/

.mainContent code, .mainContent pre, div.box {
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}
#listTable {
	width: 100%;
	margin-bottom: 15px;
	background-color: #F3F3F3;
	font-size: 12px;
		border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}
#listTable .row {
		background-color: #F8F8F8;
	padding: 0px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}
#listTable .odd {
	background-color: #e6e6e6;

}
#listTable .row td {
	padding: 6px;
	position: relative;
	border-color: white;
	border-style: solid;
	border-width: 1px;
}


#listTable #head {
	text-align: left;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
}

#listTable #head th{
	background-color: #ebebeb;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
		border-color: white;
	border-style: solid;
	border-width: 1px;

}



#listTable .new {
	color: #00b219;
	padding: 0px;
	background-color:#cccccc;
	font-weight: bold;
	font-size: 10px;
}


#listTable .options {
}


<!-- Side Column Index Menu

#indexmenu, #indexmenu ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#indexmenu li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11em;
	}
	
	#indexmenu li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
	}
	
	#indexmenu li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#indexmenu li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		border : 1px solid black;
		padding : 0 0.5em;
	}
	
	#indexmenu li a:hover {
		color : white;
		background-color : black;
	}
	
	#indexmenu li:hover ul ul, #indexmenu li:hover ul ul ul, #indexmenu li.sfhover ul ul, #indexmenu li.sfhover ul ul ul {
		left: -999em;
	}
	
	#indexmenu li:hover ul, #indexmenu li li:hover ul, #indexmenu li li li:hover ul, #indexmenu li.sfhover ul, #indexmenu li li.sfhover ul, #indexmenu li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}



-->

.row span {
}
.report {
	font-family: Georgia, serif;
	line-height: 1.5em;
	font-size: 17px;
}
.report .button {
	margin-top: -12px;
	float:right;
	boarder:2px;
}
.menuitem h3 {
	font-size: 140%;
}
.menuitem h4 {
	color: #666666;
}
.menuitem h4:hover {
	color: black;
	cursor: pointer;
}
#reportHead {
	width: 650px;
	margin-top: 10px;
	margin-bottom: 30px;
	height: 18px;
	position: relative;
	border-bottom-color: #EBEBEB;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}
#reportHead #country {
	color: #666666;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 140%;
	float: right;
}
#reportHead #section {
	color: #666666;
	font-style: italic;
	font-weight: bold;
	padding-top: 25px;
	float: left;
}
#reportHead #topic {
	width: 400px;
	font-size: 140%;
	left: 0px;
	top: 0px;
	position: absolute;
}
.ticketframe {
}
.ticketframe label {
}
.ticketframe blockquote {
	font-family: Georgia, serif;
	color: #a6a6a6;
	font-style: italic;
	font-size: 120%;
	border-color: #EBEBEB;
	padding: 8px;
	border-style: solid;
	border-width: 1px;
}
.ticketframe textarea {
	font-family: Georgia, serif;
	font-size: 110%;
	padding: 10px;
	height: 200px;
	width: 96%;
}
ul.grid {
	list-style: none;
	width: 80%;
}

.grid li{
	padding-top: 10px;
	width: 100%;
	font-weight: bold;
	position: relative;
	border-bottom-color: #f3f3f3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.grid label {
	display: inline;
	width: 50%;
	list-style: none;
	float:left;
}

.grid .col {
	display: inline;
	text-align: right;
	font-style: normal;
	font-weight: normal;
	width: 50%;
}

.grid input.text{
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom-style: solid;
}
.grid .header {
	position: relative;
	font-size: 90%;
	border-bottom-color: #a6a6a6;
	border-top-color: #a6a6a6;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 2px;
	border-top-width: 2px;
	background-color: #E8ECEF;
}

.grid .notes {
	font-style: normal;
	font-weight: normal;
	right: 0px;
	padding:5px;
}

.jumplink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 3px;

	height: 20px;

	display: inline;

	background-image: url(../images/table_go.png);

	background-repeat: no-repeat;

	padding-left: 20px;
}

.maillink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 2px;

	height: 20px;

	display: inline;

	background-image: url(../images/email.png);

	background-repeat: no-repeat;

	padding-left: 20px;
}

.facebooklink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 2px;

	height: 20px;

	display: inline;

	background-image: url(../images/facebook.jpg);

	background-repeat: no-repeat;

	padding-left: 20px;
}

.linkedinlink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 2px;

	height: 20px;

	display: inline;

	background-image: url(../images/linkedin.gif);

	background-repeat: no-repeat;

	padding-left: 20px;
}

.reportlink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 2px;

	height: 20px;

	display: inline;

	background-image: url(../images/report.png);

	background-repeat: no-repeat;

	padding-left: 20px;
}
.reporteditlink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 2px;

	height: 20px;

	display: inline;

	background-image: url(../images/report_edit.png);

	background-repeat: no-repeat;

	padding-left: 20px;
}
.deletelink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 2px;

	height: 20px;

	display: inline;

	background-image: url(../images/cross.png);

	background-repeat: no-repeat;

	padding-left: 20px;
}

.editlink{

	font-size: 12px;
line-height: 17px;
	padding-top: 2px;

	height: 20px;

	display: inline;

	background-image: url(../images/pencil.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}
.zoomlink{

	font-size: 12px;
line-height: 17px;
	padding-top: 2px;

	height: 20px;

	display: inline;

	background-image: url(../images/zoom.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}

.assignlink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 3px;

	height: 20px;

	display: inline;

	background-image: url(../images/group_add.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}

.unassignlink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 3px;

	height: 20px;

	display: inline;

	background-image: url(../images/group_delete.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}

.openlink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 2px;

	height: 20px;

	display: inline;

	background-image: url(../images/drop-right.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}

.closelink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 2px;

	height: 20px;

	display: inline;

	background-image: url(../images/drop-down.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}

.backlink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 4px;

	height: 20px;

	display: inline;

	background-image: url(../images/back.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}

.adduserlink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 4px;

	height: 20px;

	display: inline;

	background-image: url(../images/user_add.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}
.addconlink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 4px;

	height: 20px;

	display: inline;

	background-image: url(../images/user_gray.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}


.adddoclink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 4px;

	height: 20px;

	display: inline;

	background-image: url(../images/page_add.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}

.photolink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 4px;

	height: 20px;

	display: inline;

	background-image: url(../images/picture_add.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}

.addreportlink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 4px;

	height: 20px;

	display: inline;

	background-image: url(../images/report_edit.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}
.checklink{
	
	font-size: 12px;
	line-height: 17px;

	padding-top: 4px;

	height: 20px;

	display: inline;

	background-image: url(../images/tick.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}
.pdflink{

	font-size: 12px;
	line-height: 17px;

	padding-top: 4px;

	height: 20px;

	display: inline;

	background-image: url(../images/page_white_acrobat.png);

	background-repeat: no-repeat;

	padding-left: 20px;
	
}

.noticebox{
	width: 650px;
	text-align: center;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-top: 5px;
	border-color: #ff9900;
	border-width: 2px;
	border-style: dashed;
	background-color: #ffeacc;
}
.header .jumplink{

	display: inline;

	left: 400px;

	position: absolute;

	background-image: url(../images/table_go.png);

	background-repeat: no-repeat;

	padding-left: 20px;
}

.programList{
	list-style:none;
}
.programList li{
	margin-bottom: 5px;
	padding-left: 289px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border:0;
	font-weight:normal;
}

textarea.formtextarea{
	width: 90%;
	height:100px;
}

#leftColumn a, #Panel a{
	font-size: 13px;
	font-weight: bold;
	color: #173C5F;
}

#leftColumn a:hover, #Panel a:hover{
	background-color: #C8D3DF;
}

#SetBookmark, #SinkDiscussion{
	margin-left: 20px;
}


#getConnectedLogo{
		width:114px;
		height:127px;
		background-image: url(../images/GetConnected.png);
}

#google_translate_element{
	margin-right: 10px;
	margin-bottom: 35px;
	bottom: 0px;
	position: absolute;
	right: 0px;
}

.searchfield{
	width: 300px;
}