@CHARSET "UTF-8";

.cleaner {
	clear: both;
	margin: 0;
	padding: 0;
}

.bold
{
    font-weight: bold;
}

.gray
{
	color: #999;
}	

a.dialog_link {
	padding: 5px 20px;
	text-decoration: none;
	position: relative;
	line-height: 20px;
	margin-right: 5px;
}

a.dialog_link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: 2px !important;
	top: 5px;
}

.my-thirds {
    float: left;
    width: 146px;
    padding: 0 10px 0 0;
}

.my-thirds input
{
	margin-right: 6px;
}


.bg
{
    background: #B8E2FB;
}

.bg-odd
{
	border: 1px solid #f0f0f0;
}

.bg-even
{
	background: #f0f0f0;
}

.bordered
{
    border: 1px solid #999;
    padding: 3px;
    margin: 5px;
}	
/*** SCHOOL ***/
.school
{
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}	

.school .name
{
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 5px;
}

.school .ident
{
	font-size: 0.9em;
	padding-right: 10px;
	vertical-align: top;
}

.school .tools
{
    padding: 3px;
    text-align: right;
}	
	
.school-bd
{
	float: right;
	width: 300px;
	margin-top: 10px;
}

.school-bd .ident
{
    width: 100px;
    vertical-align: top;
}	

.school-image
{
	float: left;
	margin-top: 10px;
	width: 250px;
	text-align: center;
}	
	
/*** TEXT ALIGN ***/
.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

/*** MSGS ***/
.msg-error
{
    border: 1px solid #f00;
    padding: 5px;
    background: #FF4940;
    color: #fff;
}

.msg-success
{
    border: 1px solid #369;
    padding: 5px;
    background: #B0D0DE;
    color: #333;
} 

.msg-error span,
.msg-success span
{
    font-weight: bold;
}

/*** DETAIL ***/
.detail
{
	border: 1px solid #999;
	margin-bottom: 5px;
}

.detail td
{
	padding: 3px;
}
.detail td.ident
{
    width: 150px;
    background: #f0f0f0;
}

/*** DETAIL 2***/
.detail2
{
    margin-bottom: 5px;
}

.detail2 td,th
{
    padding: 5px;
}

.detail2 th
{
	background: #333;
	color: #fff;
}

.detail2 .price
{
    text-align: right;
    padding-right: 10px;
}

.detail2 .even
{
	background: #f0f0f0;
}

.detail2 .block-name
{
	background: #B8D1DC;
	font-weight: bold;
}
	
/*** PHOTOS ***/
.photos
{
	margin: 2px;
}

.school-photo
{
	margin: 3px;
	float: left;
	width: 305px;
	text-align: center;
}

.school-photo img.bordered
{
	border: 1px solid #369;
	padding: 2px;
}

.photos .tools
{
	margin: 5px;
	text-align: center;
}

.photos .tools img
{
    margin-right: 5px;  
}

/*** PHOTOS ***/
ul.langs li
{
    padding: 3px;
}

/*** MSGS ***/
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("../design/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("../design/ico-info.gif") 10px 50% no-repeat;}
.msg.done,.msg.success {background:url("../design/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("../design/ico-delete.gif") 10px 50% no-repeat;}

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done,.msg.success {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

/*** SCHOOL ***/
.school {
	padding: 5px;
	margin-bottom: 10px;
}

.recommended {
	
}

.school-district a,
.school-area a,
.school-name a	
{
    text-decoration: none;
}	
.school-district,
.school-area,
.school-city {
	margin: 0;
	padding: 2px;
	font-size: 0.9em;
	width: 200px;
	float: left;
}

.school-name {
	font-size: 1.2em;
	border-top: 1px solid #369;
	padding: 5px;
	margin: 0;
	clear: both;
	font-weight: bold;
}

.school-name span {
	background: #369;
	font-weight: normal;
	color: #fff;
	padding: 5px;
	font-size: 0.8em;
	margin-right: 5px;
}

.school-name span.demand {
	background: #009900;
	font-weight: normal;
	color: #fff;
	padding: 5px;
	font-size: 0.8em;
	margin-right: 5px;
}

.school-link {
	font-size: 0.9em;
}

.school-info {
	font-size: 0.9em;
	background: #B8D1DC;
	padding: 3px;
	margin-top: 5px;
}

.school-info-demand {
	font-size: 0.9em;
	background: #CCFFCC;
	padding: 3px;
	margin-top: 5px;
}

.course-name-3,
.course-name-2,
.course-name-1
{
	padding: 5px;	
}

.course-name-3 span
{   
	background: #f00;
	padding: 5px;
	color: #fff;
}

.course-name-2 span
{   
    background: #f30;
    padding: 5px;
    color: #fff;
}

.course-name-1 span
{   
    background: #0f0;
    padding: 5px;
    color: #fff;
}