.underlined {
	text-decoration: underline !important;
}

.save_button,.green_button,.yellow_button,.cancel_button,.gray_button,.black_button,.delete_button,.default_button
	{
/*	border-bottom: 1px solid #000;*/
	cursor: pointer;
	color: #000;
	font-family: sans-serif;
	margin: 1px 0px;
	position: relative;
	padding: 4px 9px !important;
	text-decoration: none !important;
	text-shadow: 0 -1px 1px #666;
	box-shadow: 1px 1px 3px #666;
	letter-spacing: normal;
	vertical-align: middle;
	font-size: 15px; /*line-height: 35px;*/
	line-height: 17px;
}

.save_button[disabled],.green_button[disabled],.yellow_button[disabled],.cancel_button[disabled],.gray_button[disabled],.black_button[disabled],.delete_button[disabled] .default_button[disabled]
	{
	background-color: #AFB0AE;
	cursor: default !important;
}

.save_button:hover,.yellow_button:hover, .green_button:hover,.cancel_button:hover,.gray_button:hover,.black_button:hover,.delete_button:hover,.default_button:hover
	{
	background-image: url("../images/button_icons/overlay.png");
	background-repeat: repeat-x;
}

.button a,button a:hover {
	color: #fff;
}

.save_button img, .green_button img,.yellow_button img,.cancel_button img,.delete_button img,.gray_button img,.black_button img,.default_button img
	{
	margin-right: 6px;
	height: 16px;
	width: 16px;
	display: inline;
	vertical-align: middle;
}

.save_button a, .green_button a,.yellow_button a,.cancel_button a,.delete_button a,.gray_button a,.black_button a,.save_button a:hover, .green_button a:hover,.yellow_button a:hover,.cancel_button a:hover,.delete_button a:hover,.gray_button a:hover,.black_button a:hover,.default_button a:hover
	{
	color: #fff;
}

.save_button[disabled]:active,.green_button[disabled]:active,.yellow_button[disabled]:active,.cancel_button[disabled]:active,.gray_button[disabled]:active,.black_button[disabled]:active,.delete_button[disabled]:active,default_button[disabled]:active
	{
	top: 0px !important;
}

.save_button:active,.green_button:active,.yellow_button:active,.cancel_button:active,.delete_button:active,.gray_button:active,.black_button:active,.default_button:active
	{
	top: 1px;
}

.gray_button {
	background-color: #555;
	/*border-top: 1px solid #C6C7C5;
	border-left: 1px solid #C6C7C5;
	border-right: 1px solid #959594;
	border-bottom: 1px solid #959594;*/
	color: #fff;
}

/*.gray_button:hover {
		background-color: #C2C3C1;
		border-top: 1px solid #D3D4D2;
		border-left: 1px solid #D3D4D2;
		border-right: 1px solid #A9AAA8;
		border-bottom: 1px solid #A9AAA8 ;
		color: #fff; }*/
.black_button {
	background-color: #333;
	/*border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;*/
	color: #fff;
}

/*.black_button:hover {
		background-color: #444;
		border-top: 1px solid #888;
		border-left: 1px solid #888;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		color: #fff; }*/
.save_button, .green_button{
	background-color: #7ba224;
	/*border-top: 1px solid #B9D96C;
	border-left: 1px solid #B9D96C;
	border-right: 1px solid #527314;
	border-bottom: 1px solid #527314;*/
	color: #fff;
}

/*.save_button:hover {
		background-color: #a0d133;
		border-top: 1px solid #cee797;
		border-left: 1px solid #cee797;
		border-right: 1px solid #86B128;
		border-bottom: 1px solid #86B128 ;
		color: #fff; }*/
.yellow_button {
	background-color: #eb8800;
	/*border-top: 1px solid #FFD401;
	border-left: 1px solid #FFD401;
	border-right: 1px solid #B87C12;
	border-bottom: 1px solid #B87C12;*/
	color: #fff;
}

/*.yellow_button:hover {
		background-color: #ffb515;
		border-top: 1px solid #FFD401;
		border-left: 1px solid #FFD401;
		border-right: 1px solid #FF8E0C;
		border-bottom: 1px solid #FF8E0C; }*/
.cancel_button {
	background-color: #C6020C;
	/*border-top: 1px solid #FF0210;
	border-left: 1px solid #FF0210;
	border-right: 1px solid #A30002;
	border-bottom: 1px solid #A30002;*/
	color: #fff !important;
}

/*.cancel_button:hover {
		background-color: #EF000B;
		border-top: 1px solid #FF0210;
		border-left: 1px solid #FF0210;
		border-right: 1px solid #E4020E;
		border-bottom: 1px solid #E4020E; }*/
		
.delete_button {
	background-color: #C6020C;
	/*border-top: 1px solid #FF0210;
	border-left: 1px solid #FF0210;
	border-right: 1px solid #A30002;
	border-bottom: 1px solid #A30002;*/
	color: #fff !important;
}

.maroon_button {
	background-color: #6E1010;
	color: #fff !important;
}

.size21_button {
	margin-right: 6px;
	height: 20px;
	width: 16px;
	display: inline;
	vertical-align: middle;
}

/*BUTTON MODIFIERS*/
.little_button {
	font-size: 13px !important;
	font-weight: normal;
	padding: 1px 2px !important;
}

input.black_button,input.save_button,input.green_button,input.yellow_button,input.cancel_button,input.delete_button,input.gray_button,button.save_button,button.green_button,button.yellow_button,button.cancel_button,button.delete_button,button.gray_button
	{
	font-size: 14px;
	border: none;
}

.big_button {
	padding: 8px 20px 9px !important;
}

.big_button.big_image {
	padding-left: 55px !important;
}

.big_button.big_image>img {
	position: absolute;
	left: 5px;
	bottom: 3px;
	height: 48px;
	width: 48px;
}

.button_as_link {
	background: none;
	border: none;
	color: #0000EE;
	margin: 0px !important;
	padding: 0px !important;
	text-align: left !important;
}

.button_as_link:hover {
	cursor: pointer;
}

/*BUTTON MODIFIERS*/

/*BOXES*/
.green_box,.yellow_box,.red_box,.gray_box,.black_box {
	background-image: url("../images/button_icons/overlay.png");
	background-repeat: repeat-x;
	border-bottom: 1px solid #666;
	color: #000;
	font-family: sans-serif;
	margin: 1px 0px;
	position: relative;
	padding: 4px 9px !important;
	text-decoration: none !important;
	text-shadow: 0 -1px 1px #666;
	box-shadow: 1px 1px 3px #666;
	letter-spacing: normal;
	vertical-align: middle;
	font-size: 15px; /*line-height: 35px;*/
}

.gray_box {
	background-color: #AFB0AE;
	border-top: 1px solid #C6C7C5;
	border-left: 1px solid #C6C7C5;
	border-right: 1px solid #959594;
	border-bottom: 1px solid #959594;
	color: #fff;
}

.black_box {
	background-color: #333;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	color: #fff;
}

.captcha {
	width: 100%;
	margin-bottom: 20px;
	vertical-align: top;
}

.captcha label {
	
}

.captcha img {
	height: 36.5px;
	float: left;
	border: 1px solid #999;
	background-color: #FFFFFF;
}

.captcha input {
	margin: 10px 0px 0px !important;
	width: 144px !important;
	float: left;
	clear: left;
	margin-top: 10px;
}


/*segments*/


.segment_section{
	width:200px;
	float: left;
	background-color: #ccc;
	margin-right: 10px;
	position: relative;
}

#diagrams div.segment_section_header,
.segment_section_header{
	width:100%;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	vertical-align: baseline;
	position: relative;
	line-height: 30px;
	z-index: 10;
}

.segment_section_footer{
	width:100%;
	text-align: center;
	font-weight: bold;
	vertical-align: baseline;
	position: absolute;
	bottom: 2px;
	z-index: 10;
}

.concept_box{
	width:180px;
	float: left;
	text-align: center;
	margin:10px 0 10px 10px;
	background-color:#EDEDED;
}

.concept_box_header{
	float: left;
	background-color:#FFF;
	width:180px;
	text-align: center;
	font-weight: bold;
	vertical-align: baseline;
	position: relative;
	line-height: 30px;
}
#segment_delete, #concept_delete{
	position: absolute;
	right: 0;
	top: 0;
	line-height: 20px;
}
#segment_edit, #concept_edit{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
}
#addSegmentButton{
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
}
.edit_element_button{	
}

#diagrams div.add-concept-button{
	width: 134px!important;
	margin: 0 auto;	
	cursor: pointer;
}
#diagrams div.add-concept-button .text, .add-segment .text {
	float: left;
	margin-right: 6px;
}

.segment_icons{
	margin: 5px;
	position: relative;
	padding: 4px;
	cursor: pointer;
	float: left;
	list-style: none;
}
.segments h5.block{
	font-size: 11px;
}

.segments h5 .segment_icons{
	margin: 0px 5px 0px 5px;
}
.segments h5 .segment_icons.edit_comp{
	position: absolute;
	left: 0;
	top: 5px;
}

.segments h5 .segment_icons.delete_comp{
	position: absolute;
	right: 0;
	top: 5px;
}

.canvas{
	border-left:none!important;
	border-color: #999!important;
}
.canvas.firstCanvas{
	border-left: 1px solid #999!important;
}
.add-element-button{
	text-align:center;
	position: absolute;
	width:216px;
	left: 4px;
	top: 38px;
	cursor:pointer;
	line-height: 25px;
}
.bottomText {
	position: absolute;
	width: 100%;
	bottom: 0px;
	text-align: center;
	left: 0px;
}
.image_box{
	float: left; 
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: center;
}
.image_box a{
	float:left;
}
.image_box .imageBoxImage{ 
	margin-bottom: 10px;
	background-color: transparent;
	display: block;
}
.image_box div.ui-button{
	float: left;
}
.image_box div.ui-button .ui-button-text{
	padding-left:0px!important;
	padding-right:0px!important;	
}

.goal-plan-selection{
	width: 200px;
	float: left;
}

.clickable{
	cursor:pointer!important;
}
.elements-title{
	padding-left: 10px;
}
.intitution-subelement{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f8f8f8;
	position: relative;
}

.intitution-subelement.current{
	background-color: #9dd4f1;
	border-bottom: 1px solid #ccc;
}
.intitution-subelement .elementsIcon{
	display: none;
}
.intitution-subelement.current .elementsIcon{
	display: block;
}
.elementsIcon{
	position: absolute;
	height: 16px;
	width: 16px;
	right: 10px;
	top: 3px;
}

.image_segment_logo{
	overflow: hidden;
}
.image_segment_logo img{
	width: 100%;
	height: auto;
}
.image_box img{
	max-width: 100%;
	max-height: 100%;
}
.from_to {
	position: relative;
}
.from_to label{
}
.from_to input{
}
.from_to .percentage{
	position: absolute;
	right: 2%;
	line-height: 30px;
	bottom: 5px;
	
}

.percentageInputClass{
	width:82%!important;	
}