/* $Id: style.css,v 1.1.2.2 2008/11/22 00:56:28 stevek Exp $
*/

@CHARSET "UTF-8";


/**
 * ABOUT
 *
 * Style.css is the first custom stylesheet called in the CSS order (for the remaining stylesheets, see template.php line 15).
 * Please place commonly used CSS snippets here. Otherwise, place design specific styles in css/main.css
 */

/* Simple Layout reset */

* { margin: 0; padding: 0; }

/*
* Copyright (c) 2008, Yahoo! Inc. All rights reserved.
* Code licensed under the BSD License:
* http://developer.yahoo.net/yui/license.txt
* version: 2.6.0
* http://developer.yahoo.com/yui/reset/
*/

/* Uncomment to activate YUI CSS reset, YUI CSS Reset is designed to cancel all basics css styles applyed by field across A-grade browsers by default

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
*/


/**
 * How To Clear Floats Without Structural Markup: 
 * http://www.positioniseverything.net/easyclearing.html
 * 
 */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* clear classes for content */

.clearleft { clear: left; }

.clearright { clear: right; }

.clearboth { clear: both; }

/* Float classes for images */

.floatleft { float: left; margin: 0 10px 5px 0 !important; }

.floatright { float: right; margin: 0 0 5px 10px !important; }

.floatleft .caption { font-size: 10px; font-weight: bold; text-transform: uppercase; padding-top: 5px; }

/* "Skip to Main Content" link
*
* This link useful for both visually impaired people and those with mobility impairments
* who cannot use a mouse.
*/

#skip-nav {
  display: none;
}

#skip-nav a, #skip-nav a:hover, #skip-nav a:visited {
  position: absolute;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip-nav a:active, #skip-nav a:focus {
  position: static;
  width: auto;
  height: auto;
}

/** Prevent overflowing content **/

#header,
#content,
#sidebar-left,
#sidebar-right,
#footer {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}


/* NESE */
#header {
	margin-left:205px;
	padding-left:10px;
	padding-top:15px;
}

#header .languageArea{
  float:right;
  vertical-align:top;
}

#sidebar-left {
  margin:-118px 0 0 0;
  padding:0;
}

#sidebar-left-inner.inner{
	padding:0 0 0 2px;
	}
#content-inner {
	padding-left:20px;
}

#sidebar-left .block {
	background-color:#333;
        border:none;
	width:184px;
	font-size:12px;
	padding:5px 5px 5px 0;
	margin:0 0 0 0;
}

#sidebar-left .block a,
#sidebar-left .block a:visited{
	color:#fff;
	font-weight:normal;
}

#sidebar-left .block h3 {
  color:#fff;
  padding-left:15px;
  margin-top:.5em;
}

#sidebar-left .block ul.menu {
  list-style:none;
  padding:0 0 0 0;
}

#sidebar-left .block ul.menu li {
  list-style-image:none;
  list-style-type:none;
  margin:0.6em 0 0;
  line-height:125%;
  padding:2px 0 2px 15px;
}

#sidebar-left .block ul.menu li.active {
  background-color:#5b5b5b;
  background-image:url(../img/menu-active.png);
  background-position:left center;
  background-repeat:no-repeat;
  vertical-align: top;
}

table.pg-dashboard{
 width:100%;
}

table.pg-dashboard th{
text-align:left;
font-weight:bold;
}

th.pg-dashboard-link {
width:100px;
text-align:center;
}

/*
 * Form styles
 */
 
 div.tabs {
 clear:both;
 }
 
 fieldset {
 clear:both;
 }
 
#edit-field-name-prefix-key-wrapper,
#edit-field-name-first-0-value-wrapper,
#edit-field-name-middle-0-value-wrapper,
#edit-field-name-last-0-value-wrapper {
  float:left;
  padding-right:0.5em;
}

.cck-address-fieldset {
  clear:both; 
}
 
 #edit-field-destination-path-0-value-wrapper {
   display:none;
 }
/*
.form-radios {
  clear:both;
}
.form-radios .form-item{
  float:left;
}
.form-radios .form-item label.option{
 display:inline;
}*/
/*
.group-homestay-information,
.group-dormitory-information{
 display:none;
}*/

#sidebar-left .block ul.menu li:hover{
  background-color:#5b5b5b;
  background-image:url(../img/menu-active.png);
  background-position:left center;
  background-repeat:no-repeat;
  vertical-align: top;

}

#block-block-6.block{
border:0;
background-color:transparent;
padding:15px 0 0 15px;
}

.pg-nese-session-dates{
font-size:90%;
}

.pg-nese-disabled,
.disabled {
  color:#aaa;
}

.pg-nese-session-matrix th {
	font-size:150%;
	padding:10px 5px;
	border-top: 1px solid #ccc;
	border-botton: 1px solid #ccc;
	margin-top:15px;
}

.pg-nese-session-matrix tr.even,
.pg-nese-session-matrix tr.odd,
.pg-nese-housing-info tr.even,
.pg-nese-housing-info tr.odd	{
	padding:3px 5px;
	
	border:0;
}

.pg-nese-session-matrix tr.even td,
.pg-nese-session-matrix tr.odd td
.pg-nese-housing-info tr.even td,
.pg-nese-housing-info tr.odd td {
	padding:3px 5px;
}
		
.pg-nese-session-matrix tr.even,
.pg-nese-housing-info tr.even {
	background-color:#f2fafa;
}

.pg-nese-housing-title {
  width:25%;
}

.pg-nese-housing-title label.option{
  font-weight:bold;
}

#pg-nese-session-selection .disabled {
  color:#999;
}

body.pg_help {
  background-image:none;
  padding:1em;
  font-size:10pt;
}

#pg-nese-menu-top ul.menu{
	list-style-type:none;
  margin-left:0;
  margin-bottom:2em;
  padding-left:0;	
}

#pg-nese-menu-top ul.menu li{
  display:inline;
  margin-left:0;
  margin-right:1.25em;
  padding-left:0;
}

#pg-nese-menu-top ul.menu li a{
  text-decoration:underline;
}

.pg-nese-checklist-files {
  margin-top:1em;
}

.pg-nese-none {
 font-style:italic;
 color:#999;
}

.pg-nese-app-view .node-unpublished {
  background-color:transparent;
}

/* Birth date */
#content-area .date-part {
  margin:0 0 0 0;
}

.node-unpublished{
  background-color: #FFFFFF;
}

#content-area div.nese-lfs-in-own-name {
  margin:0 0 0 0;
  border:1px solid #fff;

}

#content-area div.nese-lfs-in-own-name p {
  border:1px solid #fff;
  margin-bottom:1em;
}

#content-area div.field-label {
  margin-bottom:0.25em;
}

/** Thawte block */
#block-block-7.block {
  border:0;
  padding:0 0 0 14px;
  background-color:transparent;
  text-align:left;
}

#sidebar-left .block a,
#sidebar-left .block a:visited {
  color:#fff;
}


/* new css styles by James */
#mainWebsiteContentArea{


}

#mainWebsiteContentArea table{
  width:100%;
}

#mainWebsiteContentArea #philosophy{
  width:510px;
}


#mainWebsiteContentArea td{
  height:10px;
  vertical-align:top;
}

#mainWebsiteContentArea .tdWidth250{
  width:250px;
}

#mainWebsiteContentArea .tdStyle{
border-style:solid; 
border-width:1px; 
border-color:#000; 
vertical-align:text-top;
}

#mainWebsiteContentArea .mainHeader
{
	padding:2px; 
	background-color:#333333; 
	/*font-weight:bold;*/
	color: #FFF; 
	text-align:center; 
	border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#000;
}

#mainWebsiteContentArea .labelHeader
{
	margin:0 0 2px 0; 
	background-color:silver; 
	font-weight:bold; 
	text-align:center; 
	border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#000;
}

#mainWebsiteContentArea .description
{
  text-align:left; vertical-align:top; padding-left:5px; font-size:12px;
}

#mainWebsiteContentArea table .imageProperty{
  height:180px; width:250px;  border-style:solid; border-width:1px; border-color:#000;
}

#mainWebsiteContentArea .whyNeseImageProperty{
  width:165px;
  height:200px; 
  border-width:1px;
}


#mainWebsiteContentArea .tdWidth10{
  width:10px;
}

#mainWebsiteContentArea #board{
  width:100%;
}


#mainWebsiteContentArea #boardTable{
  width:100%;
}

#mainWebsiteContentArea #boardTable td{
  width:50%;
}

#mainWebsiteContentArea #curriculumTable td{
  vertical-align:middle;
}

#mainWebsiteContentArea a:link,
#mainWebsiteContentArea a:hover,
#mainWebsiteContentArea a:visited,
#mainWebsiteContentArea #curriculumTable a:link,
#mainWebsiteContentArea #curriculumTable a:hover,
#mainWebsiteContentArea #curriculumTable a:visited
   {
	color: teal;
    font-family: Arial,Helvetica,Geneva;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    }


#mainWebsiteContentArea .tdWidth{
  width:100%;
}

#mainWebsiteContentArea .boardMemberName{
   color:#555555;
   text-align: right;
   font-weight: bold;
   padding:3px;
   padding-right:5px;
}

#mainWebsiteContentArea .boardMemberSchool{
   color:#555555;
   text-align: left;
   font-weight: bold;
   padding:3px;
}

#mainWebsiteContentArea .noBorder{
   border-width:0px;
}

#mainWebsiteContentArea .tealHeader{
    color: teal;
    font-family: Helvetica,Goudy,Helvetica,Times;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
}

#mainWebsiteContentArea .content{
    color: black;
    font-family: Arial,Helvetica,Geneva;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}

#mainWebsiteContentArea .height10{
   height:10px;
}

#mainWebsiteContentArea .height20{
   height:20px;
}

#mainWebsiteContentArea .textAlignLeft{
   text-align:left;
}

#mainWebsiteContentArea .textAlignCenter{
   text-align:center;
}

#mainWebsiteContentArea .paddingLeft{
padding-left:5px;
}

#menu-for-housing-subselector{
  padding-left:10px;
}

#menu-for-student-residences-subselector{
   padding-left:10px;
}

#menu-for-location-subselector{
  padding-left:10px;
}

#menu-for-schedule-subselector{
  padding-left:10px;
}

#menu-for-my-session-subselector{
  padding-left:20px;
}


#menu-for-apply-subselector{
  padding-left:10px;
}

#menu-for-test-your-english-subselector{
  padding-left:10px;
}

#menu-for-student-page-subselector{
  padding-left:10px;
}

#menu-for-representatives-subselector{
  padding-left: 10px;
}

#menu-for-agent-settings-subselector{
  padding-left:20px;
}


#dateFeesArea td{
  padding:1px;
}

.leftbartitle, .leftcontentbucket td{
  padding:5px;
}

#dateFeesArea .content_small {
    color: black;
    font-family: Arial,Helvetica,Geneva;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

#mainWebsiteContentArea .message{
   color:red;
}


.content_bold {
    color: black;
    font-family: Arial,Helvetica,Geneva;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
}

.remove_bottom_border{
  border-bottom: 0px solid #fff !important;
}

.hideRow{
  display:none;
}

.text-color-blue{
  color:blue !important;
}