﻿/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body { font-family: Verdana, Arial, Helvetica, Sans-serif; }

p, li { font-size: 10pt; line-height: 160%; }

p { margin-bottom: 6pt; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6
{
	margin: 10px 0;
	color: #990000;
	font-weight: bold;
	font-family: Arial, Tahoma;
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: .9em; }
h5 { font-size: .8em; }
h6 { font-size: .8em; }

ul, ol { list-style-position: inside; }

strong { font-weight: bold; }

body
{
	background: #303942 url(images/background2.jpg) no-repeat fixed 50% 0;
	/*background: #6a7684 url(images/background2_light.jpg) no-repeat fixed 50% 0;*/
	width: 100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 PRIMARY LAYOUT STYLES 
			 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.main-container
{
	width: 971px;
	margin: 10px auto 0;
	/*background: #FFF url(images/leftBorder.png) repeat-y left;*/
	background-color: #FFF;
	position: relative;
	border-left: solid 1px #808080; 
	border-bottom: solid 1px #808080; 
	-moz-box-shadow: rgba(0,0,0, 0.3) -5px -5px 12px; /* Firefox */ 
  -webkit-box-shadow: rgba(0,0,0, 0.3) -5px -5px 12px; /* Safari and Chrome */
  box-shadow: rgba(0,0,0, 0.3) -5px -5px 12px; /* Opera 10.5+ and future browsers */
}

.border-right
{
	/*background: url(images/rightBorder.png) repeat-y right;*/
	border-right: solid 1px #808080; 
	-moz-box-shadow: rgba(0,0,0, 0.3) 10px 10px 12px; /* Firefox */  
  -webkit-box-shadow: rgba(0,0,0, 0.3) 10px 10px 12px; /* Safari and Chrome */
  box-shadow: rgba(0,0,0, 0.3) 10px 10px 12px; /* Opera 10.5+, future browsers */
}

.header-container
{
	margin-left: 0px;
	width: 970px;
	overflow: hidden;
	position: relative;
}

.content-container
{
	margin-left: 0px;
	width: 970px;
	background: url(images/leftMenu1.png) repeat-y left;
	position: relative;
	overflow: hidden;
}

.content-left
{
	float: left;
	width: 228px;
	min-width: 228px;
	vertical-align: top;
	margin-bottom: 50px;
}

.center-panel
{
	width: 742px;
	margin-left: 228px;
	vertical-align: top;
}

.center-bar
{
	width: 100%;
	height: 49px;
	background: url(images/contentBar1.png) repeat-x;
}

.content-main
{
	padding: 0 20px 30px;
	overflow: hidden;
	position: relative;
}

.sidebar
{
	float: right;
	width: 185px;
	margin-left: 10px;
	background: url(images/verticalLine.png) repeat-y left;
	padding: 5px 0px 10px 15px;
}

.sidebar-header
{
	background-color: #5779B7;
	font-size: 12pt;
	color: #fff; 
	padding: 2px 4px;
	text-shadow: #000 0px 1px 1px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.sidebar-control
{
	background-color: #F4F8FB;
	padding: 1px 2px 0px 2px;
	border: 1px solid #ADCCE2;
	border-radius: 10px;
	-moz-box-shadow: 4px 4px 7px #999;
	-webkit-box-shadow: 4px 4px 7px #999;
	box-shadow: 4px 4px 7px #999;
}

.clearing 
{
	height: 0;
	clear: both;
}

.bottom-decor
{
	clear: left;
	float: right;
	width: 187px;
	height: 44px;
	background: url(images/bottomDecor1.jpg);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 HEADER
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.top-banner
{
	background-image: url(images/topBanner4.jpg);
	width: 970px;
	height: 270px;
}

.top-line
{
	background-image: url(images/topLine1.png);
	width: 970px;
	height: 11px;
}

.top-slideshow
{
	position: absolute;
	top: 113px;
	width: 970px;
	height: 156px;
	overflow: hidden;
}

.logo
{
	position: absolute;
	right: 15px;
	top: 0px;
	background-image: url(images/logo4.png);
	width: 158px;
	height: 80px;
	opacity: 0.9;
}

.language
{
	position: absolute;
	left: 335px;
	top: 88px;
	font-size: 11px;
	padding: 1px 0;
}

.language a
{
	font-weight: bold;
	color: #F0F0F0;
	padding-left: 5px;
}

.language span.selected
{
	font-weight: bold;
	color: #FFF;
	padding: 0 5px;
	border: solid 1px #FFF;
}

.top-menu
{
	position: absolute;
	right: 10px;
	top: 88px;
	font-size: 11px;	
	color: #FFF;
}

.top-menu a
{
	color: #FFF;
}

.user-info
{
	position: absolute;
	left: 310px;
	top: 0px;
	height: 25px;
	width: 300px;
	font-family: Arial;
	font-size: 11px;
	text-align:center;
	background-image: url(images/user-info.png);
	color: #ffffff;
	opacity: 0.7;
	z-index: 10;
}
.fund-tel
{
	position: absolute;
	left: 5px;
	top: 90px;
	font-family: Verdana;
	font-size: 14px;
	color: White;
		
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SEARCH
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.search-panel
{
	position: absolute;
	left: 720px;
	top: 241px;
	width: 245px;
	z-index: 10;
}

.search-textbox
{
	border: solid 1px #777777;
	opacity: .6;
	filter: alpha(opacity=60);
	width: 170px;
}

.search-textbox:focus
{
	opacity: .9;
	filter: alpha(opacity=90);
}

.search-button
{
	cursor: pointer;
	width: 60px;
	opacity: .8;
	filter: alpha(opacity=80);
	vertical-align: middle;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LOGIN
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.login-panel
{
	font-size: 10pt;
	color: #4b5b64;
	border: 1px solid #9AC9CD;
	padding: 3px 5px 3px 3px;
	border-radius: 10px;
}

.login-textbox
{
	border: solid 1px #999999;
	background-color: #eeeeee;
	margin-bottom: 5px;
}

.login-button
{
	margin-top: 8px;
	border: solid 1px #999999;
	padding: 0 3px;
	color: #666666;
	cursor: pointer;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 NAV FOOTER
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.footer-border
{
	width: 970px;
	margin: 0 auto;
	background: url(images/bottomBorder.png) repeat-x;
	height: 6px;
}

.footer
{
	text-align: center;
	color: #CCCCCC;
	padding: 5px 0;
	font-size: 8pt;
}

.counters
{
	text-align: center;
	font-size: 8pt;
	margin: 10px;
}

.counter
{
	display: inline;
	margin: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LEFT MENU
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.menuHeader
{
	color: #990000;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
	background: url(images/menuBullet.png) no-repeat left;
	padding-left: 15px;
	margin: 25px 20px 5px;
}

.menuItems
{
	font-family: Arial;
	line-height: 100%;
	margin: 0 20px;
}

.menuItems div 
{
	background-image: none; 
	margin: 0;
	border-top: 1px dotted #778088;
	padding: 5px;
	height: 17px;
}

.menuItems div.selected
{
	background: url(images/menuButton2.png) repeat-x;
	border-top: 1px dotted #eeefef;
	text-shadow: #ffffff 0px 1px 1px;
}

.menuItems div.first
{
	border-top: none;
}

.menuItems a
{
	color: #4b5861;
	font-size: 10pt;
	font-family: Arial;
}

.menuItems div.selected a
{
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 NAVIGATION PATH
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.nav-path
{
	/*position: absolute;
	left: 250px;
	top: 285px;*/
	font-size: 12px;
	color:  #006699; /* #4b5b64; */
	font-weight: bold;
	/*z-index: 100;*/
	margin: 10px 0;
}

.nav-path a
{
	color: #006699; /* #4b5b64; */
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 WHEEL
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#wheel
{
	width: 492px;
	font-family: Arial;
	color: #4b5b64;
	font-size: 9pt;
	font-weight: bold;
	line-height: 160%;
}

.wheel-hidden
{
	height: 0;
}

.wheel-visible
{
}

.wheel-line
{
	border-top: dotted 2px #408cb3;
	margin: 15px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 FORUM NEWS
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul.forum-news
{
	color: #4b5b64;
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 26px;
}

ul.forum-news li
{
	font-size: 8pt;
	margin: 4px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LINKS
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a
{
	color: #006699;
	outline: none;
}

a:link, a:visited, a:active
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.dotted
{
	border-bottom: none;
}

a.dotted:hover
{
	text-decoration: none;
	border-bottom: dotted 1px #006699;
}

a.alt
{
	color: #663300;
	text-decoration: none;
	border-bottom: dotted 1px #663300;
}

a.alt:hover
{
	text-decoration: none;
	border-bottom: none;
}

a.alt-inverse
{
	color: #663300;
	text-decoration: none;
}

a.alt-inverse:hover
{
	text-decoration: none;
	border-bottom: dotted 1px #663300; 
}

a.standard:link, a.standard:active, a.standard:visited
{
	text-decoration: none;
}

a.standard:hover, a.inverse:link, a.inverse:active, a.inverse:visited
{
	text-decoration: underline;
}

a.inverse:hover
{
	text-decoration: none;
}

a.command
{
	color: #e83b74;
}

a.inline-command
{
	font-size: 10pt;
	font-weight: normal;
	color: #990000;
	quotes: "[" "]";
	margin: 0 5px;
	vertical-align: text-top;
	border-bottom: none;
}

a.inline-command:hover
{
	text-decoration: none;
	border-bottom: dotted 1px #990000;
}

a.inline-command:before
{
	content: open-quote;
}

a.inline-command:after
{
	content: close-quote;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 CATEGORY LIST
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul.category-list a
{
	color: #4b5b64;
	font-weight: bold;
}

ul.category-list li
{
	padding-left: 20px;
	list-style-type: circle;
	list-style-position: inside;
	line-height: 180%;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 PUBLICATIONS STYLES
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.pub-block
{
	margin: 20px 0;  
}

.pub-title
{
	font-size: 18px;
	background: url(images/titleBullet.png) no-repeat left top;
	padding: 0 0 0 22px !important;
	margin-top: 20px;
}

.pub-title a
{
	color: #006699;
	position: relative;
	top: -5px;
}

.pub-title img
{
	vertical-align: top;
}

.pub-author
{
	margin-top: 10px;
}

.pub-comment
{
	margin-top: 6px;
	color: #4b5b64;
	font-size: 8pt;
}

.pub-picture
{
	margin: 17px 14px 1px 0;
	float: left;
}

.pub-annotation
{
	margin-top: 12px;
	color: #4b5b64;
	font-size: 10pt;
}

.pub-continue
{
	clear: left;
	text-align: right;
	font-size: 9pt;
	font-family: Arial;
}

.sidebar-pub-header
{
	color: #990000;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	background: url(images/menuBullet.png) no-repeat left;
	padding-left: 15px;
	margin-bottom: 10px;
}

.sidebar-pub-block
{
	font-size: 10pt;
}

.sidebar-pub-title
{
}

.sidebar-pub-author
{
}

.sidebar-pub-comment
{
	color: #4b5b64;
	font-size: 8pt;
}

.cardview-block
{
	margin: 3px 0;
	font-size: .8em;
}

.cardview-body div
{
	padding: 2px 0;
}

.cardview-body .author
{
	padding-top: 0;
}

.cardview-body .comment
{
	color: #666666;
	font-size: .9em;
}

.cardview-body .annotation
{
	padding: 5px 0;
}

.book-info
{
	margin: 15px 0;
}

.book-picture
{
	float: left;
	margin: 0 15px 10px 0; 
}

.book-title
{
	font-size: 22px;
	background: url(images/titleBullet.png) no-repeat left top;
	padding: 0 0 0 22px !important;
	color: #006699;
}

.book-title span
{
	position: relative;
	top: -5px;
}

.book-author
{
	font-size: 11pt;
	margin: 10px 0;
}

.book-year
{
	color: #4B5B64;
	font-size: 8pt;
	margin: 10px 0;
}

.book-annotation
{
	margin: 15px 0;
	font-size: .9em;
}

blockquote
{
	background-color: #F7F7FF;
	margin: 0 auto 10px auto;
	text-align:left;
	padding: 5px 50px;
	display: block;
	border-top: solid 1px #006699;
	border-bottom: solid 1px #006699; 
	font-style: italic;
	color: #555;
	width: 65%
	
}

blockquote:before, blockquote:after {
	font-family: Arial;
	color: #006699; 
	display: block;
	font-size: 600%;
	width: 50px;
}

	blockquote:before {
	content: open-quote;
	margin-left: -50px;
	height: 20px;
}

blockquote:after {
	content: close-quote;
	height: 50px;
	margin-top: -45px;
	margin-left: 100%;
}

.comments
{
	clear: right;
	font-size: 10pt;
}

.comment-block
{
	background-color: #F7F7FF;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-top: solid 1px #C8CDDE;
	border-bottom: solid 1px #C8CDDE;
}

.author-comment-block
{
	background-color: #F7F7FF;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-top: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
}

.comment-block .user
{
	font-weight: bold;
}

.author-comment-block .user
{
	font-weight: bold;
	color: #CC0000;
}

.comment-block .date, .author-comment-block .date
{
	color: #666666;
	font-size: 8pt;
}

.comment-block .text, .author-comment-block .text
{
	padding: 5px 10px 5px 20px;
}

.comment-invite
{
	border: dotted 1px #4b5b64; 
	background-color: #F0F0F0; 
	padding: 5px; 
	line-height: 150%; 
	text-align: center;
}


.small-title
{
	font-size: 11pt;
	background: url(images/smallBullet.png) no-repeat left top;
	padding-left: 14px !important;
	margin-top: 16px;
}

.small-title a
{
	font-weight: bold;
	color: #006699;
	position: relative;
	top: -4px;
}

.small-title a:hover
{
	text-decoration: none;
	border-bottom: solid 1px #006699;
}

.small-title img
{
	vertical-align: top;
}

.small-author
{
	margin-top: 6px;
}

.small-category
{
	margin-top: 5px;
	color: #4b5b64;
	font-size: 8pt;
}

.small-category a
{
	font-size: 8pt;
}

.document-text
{
	margin: 20px 0;
	font-size: 11pt;
}

.back-navigation
{
	margin-top: 25px;
	font-size: 8pt;
	clear: left;
}

.future-date
{
	color: #CC3300;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 NEWS
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-block
{
	font-size: .8em;
	margin-top: .5em;
}

.publication-category
{
	padding: 2px;
	color: #666666;
	background-color: #F8F8F8;
	overflow: hidden;
}

.publication-category a
{
	color: #666666;
}

.news-block .news-body div
{
	padding: 2px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SORT HEADER
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.publication-mode
{
	overflow: hidden;
	margin-top: 10px;
	color: #808080; 
	font-size: 9pt;
}

.sort
{
	float: left;
}

.view-mode
{
	float: right;
}

.publication-mode .current
{
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SCHOOL STYLES
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.country-block
{
}

.school-country
{
	margin-top: 15px;
	background: #4b5b64 url(images/horbar.png) repeat-x;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	padding: 0 5px;
}

.school-city
{
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: #4b5b64;
}

.school-name
{
	color: #4b5b64;
	margin: 2px 10px 2px 15px;
	font-size: 10pt;
	line-height: 150%;
}

.school-name img
{
	vertical-align: text-bottom;
}

ul.school-list
{
	padding: 10px 0;
	color: #000080;
}

ul.school-list a
{
	font-weight: bold;
}

ul.school-list li
{
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: inside;
}

ul.school-list .group-first
{
	margin-top: .8em;
}

ul.school-list img
{
	vertical-align: middle;
}

.sidebar-country
{
	background: #4b5b64 url(images/horbar.png) repeat-x;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	padding: 0 5px;
}

.sidebar-city
{
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: #4b5b64;
}

.sidebar-school-name
{
	margin: 2px 10px 2px 15px;
}

.sub-title
{
	margin: 6px 0;
	font-size: 10pt;
	color: #4b5b64;
}

.sub-title span
{
	font-weight: bold;
}

.photo-left
{
	float: left;
	margin: 5px 15px 10px 0; 
}

.photo-right
{
	float: right;
	margin: 5px 0 10px 15px; 
}

.normal
{
	font-size: 12pt;
	color: #4b5b64;
}

h2.sub-title
{
	margin: 15px 0 6px;
	font-size: 12pt;
	font-weight: bold;
	color: #4b5b64;
}

/*
h2.sub-title a:hover 
{
	text-decoration: none;
	border-bottom: solid 1px #006699;
}
*/

.annotation
{
	margin-top: 8px;
	font-size: 10pt;
}

.text-color
{
	color: #4b5b64;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MEMBER STYLES
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.member-table
{
	width: 100%;
	table-layout: fixed;
	font-size: .8em;
}

table.member-table th
{
	font-family: Trebuchet MS, Verdana, Arial, Sans-Serif; 
	font-weight: bold;
	font-size: .9em;
	color: #140F06;
	padding: 4px 5px;
	background: #ECEADF url(images/ui-bg_fine-grain_15_eceadf_60x60.png) repeat scroll 50% 50%;
}

table.member-table tr.odd td
{
	background-color: #F7F7F7;
}

table.member-table td
{
	padding: 4px;
}

table.member-table td.member-name img
{
	vertical-align: text-bottom;
}

table.member-table td.status
{
	font-size: 9pt;
}

table.member-table td.command
{
	padding: 2px;
	text-align: right;
}

.toltec-name
{
	font-size: 8pt;
	color: #4b5b64;	
}

div.member-cardview
{
	font-size: .7em;
	border: dashed 1px #006699;
	padding: 10px;
	float: left;
	text-align: center;
	overflow: hidden;
}

div.member-cardview-hidden
{
	border: dashed 1px #B0B0B0;
}

div.member-cardview .member-name
{
	text-align: center;
	overflow: hidden;
	white-space: normal;
	color: #444444;
}

div.member-cardview .member-country
{
	text-align: center;
	overflow: hidden;
	white-space: normal;
	color: #444444;
}

div.member-cardview .member-school
{
	text-align: center;
	overflow: hidden;
	white-space: normal;
	color: #006699;
}

table.shool-members
{
	width: 100%;
}

table.shool-members td
{
	border-bottom-style: none;
}

#addMember, #removeMember
{
	cursor: pointer;
	padding: 0 5px;
}

table.member-projects
{
	width: 100%;
}

table.member-projects td
{
	border-bottom-style: none;
}

#joinProject, #unjoinProject
{
	cursor: pointer;
	padding: 0 5px;
}

.photo
{
	width: 180px;
	border-left: solid 1px #c6def2;
	padding: 3px 3px;
	text-align: center;
}

table.members
{
	table-layout: fixed;
	border-collapse: separate;
	empty-cells: hide;
	text-align: center;
	font-size: 8pt;
}

table.regional-members
{
	border-spacing: 30px;
}

table.ordinal-members
{
	border-spacing: 10px;
}

table.members td
{
	border: dashed 1px #006699;
	padding: 10px;
	vertical-align: top;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LIST STYLES
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul.list
{
	color: #666666;
	font-size: 11pt;
}

ul.list li
{
	padding-left: 20px;
	list-style-type: disc;
}

ul.list img
{
	vertical-align: middle;
}

ul.list1
{
	list-style-image: url(images/222222_7x7_arrow_right.gif);
}

ul.list1 li
{
	font-size: 10pt;
}

ul.list1 li a
{
	font-weight: bold;
}

ul.list1 img
{
	vertical-align: middle;
}

ul.list2
{
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 10px;
}

ul.list2 li
{
	padding-left: 40px;
	font-size: 9pt;
	padding-top: 2px;
}

ul.list2 li a
{
	font-weight: normal;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 PROJECT STYLES
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.project-cardview
{
	margin-top: 1em;
	font-size: .8em;
}

.project-cardview .project-name
{
	background-color: #EEEEEE;
	padding: 5px;
	vertical-align: middle;
	font-family: Arial, Tahoma;
	font-weight: bold;
}

.project-cardview .project-name a
{
	color: #920707;
	font-size: 1.3em;
}

div.project-cardview .project-manager
{
	padding: 3px 5px;
}

div.project-cardview .project-date
{
	color: #666666;
	padding: 2px 5px;
}

div.project-cardview .annotation
{
	padding: 5px;
}

div.project-cardview .command
{
	float: right;
	width: 42px;
	padding: 5px 0;
}

ul.story-list li
{
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: inside;
}

ul.story-list a:link, ul.story-list a:active, ul.story-list a:visited
{
	text-decoration: none;
}

ul.story-list a:hover
{
	text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 EVENT STYLES
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul.event-list li
{
	padding-left: 20px;
	list-style-type: circle;
	font-size: .8em;
	padding-bottom: 3px;
}

ul.event-list a
{
	font-weight: bold;	
}

ul.event-list img
{
	vertical-align: middle;
}

ul.event-list li.archive
{
	color: #666666;
}

ul.event-list .date
{
	font-family: Arial;
	font-weight: bold;
	color: #808080;
}

.popupOkButton
{
	font-size: 8pt;
	color: Blue;
	float: right;
	padding: 5px 5px 3px 0;
	cursor: pointer;
}

.block
{
	margin: 5px 0;
	border: dashed 1px #60A4DB;
	padding: 5px;
}

.request-block
{
    margin: 5px 0;
    border: dashed 1px #60A4DB;
    padding: 5px;
    background-color: #F4F8FB;
}

table.story
{
	width: 100%;
	border-style: none;
	font-size: .8em;
	color: #666666;
}

table.story td
{
	border-style: none;
	padding: 0;
	vertical-align: top;
}

table.story .story-list
{
	width: 90%; 
	border: dashed 1px #60A4DB;
	padding: 5px;
}

table.story td.command
{
	width: 10%;
	padding-left: 5px; 
}

table.story li
{
	list-style-type: square;
	list-style-position: inside;
}

table.story a
{
	font-weight: normal;
	text-decoration: none;
}

table.story a:link, table.story a:active, table.story a:visited
{
}

table.story a:hover
{
	border-bottom: dotted 1px #60A4DB;
}

#imagePopup
{
	display: none;
	position: absolute;
	z-index: 500;
	border: 1px solid #808080;
}

#imagePopup .jqmClose
{
	position: absolute;
	right: 2px;
	top: 2px;
	padding: 0 0 0 19px;
	height: 19px;
	width: 0px;
	background: url(images/close.gif) no-repeat bottom left;
	overflow: hidden;
}

.jqmOverlay
{
	background-color: #EEEEEE;
}

table.cosmo-table
{
	width: 800px;
	border: dashed 1px #60A4DB;
	font-size: .8em;
}

table.cosmo-table td
{
	padding: 5px 10px;	
	border-bottom: dashed 1px #60A4DB;
}

table.cosmo-table td.label
{
	width: 150px;
	text-align: right;
	font-weight: bold;
	border-right: dashed 1px #60A4DB;
}

ul.course-list
{
	color: #666666;
}

ul.course-list li
{
	margin: 10px 0 0 25px;
	padding-left: 10px;
	list-style-type: square;
	list-style-position: outside;
}

ul.course-list .course-name
{
	color: #696989;
	font-weight: bold;
}

ul.course-list li *
{
	vertical-align: middle;
}

div.technology-annotation
{
	color: #666666;
	margin-top: 12px;
	font-size: 10pt;
}

.event-status-registration
{
	color: #339933;
}

.event-status-plan
{
	color: #0066FF;
}

.event-status-close
{
	color: #FF9933;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MISC STYLES
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.none
{
	display: none;
}

.float-container
{
	overflow: hidden;
}

.clear-both
{
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.clear-left
{
	clear: left;
	height: 0;
	margin: 0;
	padding: 0;
}

.clear-right
{
	clear: right;
	height: 0;
	margin: 0;
	padding: 0;
}

.align-left
{
	float: left;
}

.align-right
{
	float: right;
}

.align-center
{
	text-align: center;
}

.align-middle
{
	vertical-align: middle;
}

.inline
{
	display: inline;
}

.no-margin
{
	margin: 0;
}

td.dummy
{
	width: 0px;
}

img.command
{
	cursor: pointer;
}

hr
{
	border: 0 none;
	height: 1px;
	margin: 3px 0 5px 0;
	color: #CCCCCC;
	background-color: #CCCCCC;
}

hr.smallDivider
{
	color: #EDEDED;		
	background-color: #EDEDED;
}

hr.smart-divider
{
	color: #EDEDED;
	background-color: #EDEDED;
	margin: 1px 0;
	padding: 0;
}

.small-label
{
    color: #333333;
    font-size: x-small;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SEARCH RESULTS STYLES
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.search
{
	width: 80%
}

table.search td.text_part
{
	font-family: Verdana;
	font-size: 11px;
	color: Gray;
}

table.search .author
{
	font-size: 12px;
	color: #663300;
}

table.search .date
{
	font-size: 12px;
	color: #666666; 
}

table.search .text
{
	margin: 5px 0;
}

table.search a
{
	padding-top: 10px;
	font-size: 12px;
}

.search-text
{
	margin: 5px 0;
	font-family: Verdana;
	font-size: 11px;
	color: #4b5b64;
}

.pager
{
	margin: 10px 0;
	color: #4b5b64;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

.pager a
{
	color: #4b5b64;
	padding: 0 1px;
}

.pager .current-page
{
	padding: 0 1px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 ANNOUNCEMENTS STYLES
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.announce
{
	font-family: Arial;
	font-size: 10pt;
	color: #4b5b64;
	margin: 10px 0px;
	overflow: hidden;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 DOCUMENT TEXT
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ntext 
{
	text-indent: 25px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 CALENDAR
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.calendar-table
{
	width: 707px;
	table-layout: fixed;
	border: solid 1px #49a9f5;
	font-size: 10pt;
	color: #003399;
	font-family: Tahoma;
}

table.calendar-table th
{
	background-color: #f0f6fb;
	padding: 5px 10px;
	border: solid 1px #49a9f5;
	text-align: center;
	width: 73px;
}

table.calendar-table td
{
	padding: 3px;
	border: solid 1px #49a9f5;
	overflow: hidden;
}

table.calendar-table .time-column
{
	width: 29px;
	padding: 10px;
	background-color: #f0f6fb;
	text-align: right;
}

table.calendar-table th.today
{
	background-color: #FEB246;
	color: #663300;
}

table.calendar-table td.rem-column
{
	padding: 0;
	width: 8px;
	background-color: #F0F0F0;
}

table.calendar-table td.calendar-event
{
	border: solid 1px #49A9F5;
	font-size: 11px;
	cursor: pointer;
}

table.calendar-table td.calendar-event div
{
	float: left;
	overflow: hidden;
}

table.calendar-table td.day-header
{
	background-color: #BCD7ED;
	padding: 1px 5px;
	text-align: right;
}

table.calendar-table td.today-header
{
	background-color: #FEB246;
	color: #663300;
	padding: 1px 5px;
	text-align: right;
}

table.calendar-table td.marked-header
{
    background-color: #336699;
    color: #FFFFFF;
    padding: 1px 5px;
    text-align: right;
}

table.calendar-table td.day-header-alt
{
	background-color: #DDDDDD;
	padding: 1px 5px;
	text-align: right;
}

table.calendar-table td.day
{
	background-color: #FFFFFF;
	height: 100px;
}

table.calendar-table .empty-cell
{
}

table.calendar-table .hover
{
	background-color: #99CCFF !important;
}

.calendar-bar
{
	margin-bottom: 5px;
}

.calendar-bar img
{
	vertical-align: middle;
}

.calendar-bar .period-info
{
	color: #444444;
	padding-left: 5px;
	font-size: 11pt;
}

#today-button
{
	border: 1px solid #c6def2;
	color: #666666;
	vertical-align: middle;
	cursor: pointer;
}

table.eventkinds
{
	font-size: .8em;
	margin-top: 5px;
}

table.eventkinds th
{
	font-family: Verdana; 
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	background-color: #49a9f5;
	border-right: solid 1px #FFFFFF
}

table.eventkinds td
{
	padding: 2px 5px;
}

table.eventkinds .eventkind-allday
{
	text-align: center;
}

ul.legend
{
	color: #666666;
	list-style-type: square;
}

ul.legend li
{
	font-family: Tahoma;
	font-size: .7em;
	padding: 1px 5px;
}

ul.legend span.color-box
{
	padding-right: 30px;
	margin-right: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 TOOLBAR
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.toolbar
{
	margin: 5px 0; 
	padding: 4px 0;
}

a.toolbar-button
{
	margin: 3px 1px;
	vertical-align: middle;
	font-size: 11px;
	border: 1px solid #c6def2;
	padding: 3px;
	color: #444444;
}

a.toolbar-button:link, a.toolbar-button:active, a.toolbar-button:visited
{
	text-decoration: none;
}

a.toolbar-button:hover
{
	text-decoration: underline;
}

a.toolbar-button img
{
	vertical-align: middle;
	margin-bottom: 3px;
	padding-right: 2px;
}

.option-panel
{
	font-size: .8em;
	padding: 5px 10px;
	display: none;
}

#cropProportions
{
	vertical-align: middle;
	padding: 2px;
	color: #666666;
	border: solid 1px #c6def2;
	font-size: 8pt;
	width: 110px;
}

input.info-box
{
	vertical-align: middle;
	padding: 2px;
	color: #666666;
	border: 1px solid #c6def2;
	font-size: 8pt;
	width: 28px;
}

img.photothumb
{
	background-color: #FFFFFF;
	border: solid 1px #C0C1C1;
	padding: 2px;
	margin: 5px;
}

.grayed
{
	color: #999999;
	background-color: #F0F6FB;
}

img.grayed
{
	opacity: .5;
	filter: alpha(opacity=50);
}

.column
{
	float: left;
	margin-bottom: 3px;
	margin-top: 3px;
	overflow: hidden;
}

ul.image-list
{
	background-color: #F0F6FB;
	width: 150px;
	overflow: hidden;
	text-align: center;
	padding: 10px;
}

ul.image-list li
{
	list-style-type: none;
	list-style-position: outside;
	padding: 3px;
	vertical-align: middle;
}

.sort-placeholder
{
	height: 1px;
	background-color: #CCCCCC;
}

.note
{
	font-size: .7em;
	background-color: #FFFFD9;
	padding: 5px;
}

.stat-header
{
	margin-top: 10px; 
	background-color: #E9E9E6; 
	border: solid 1px #C3CBD1; 
	padding: 1px 3px; 
	font-size: .8em; 
	color: #444444;
}

.stat-body
{
	background-color: #F7F7F7; 
	border: solid 1px #C3CBD1; 
	border-top: none; 
	padding: 1px 3px; 
	font-size: .8em; 
	color: #444444;
}

table.clear td
{
	border-style: none;
	padding: 0;
	margin: 0;
}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: .9em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #d9d6c4; background: #eceadf url(images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat; color: #1f1f1f; }
.ui-widget-content a { color: #1f1f1f; }
.ui-widget-header { border: 1px solid #d4d1bf; background: #ffffff url(images/ui-bg_fine-grain_15_ffffff_60x60.png) 50% 50% repeat; color: #453821; font-weight: bold; }
.ui-widget-header a { color: #453821; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cbc7bd; background: #f8f7f6 url(images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat; font-weight: bold; color: #654b24; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #654b24; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #654b24; background: #654b24 url(images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #ffffff; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #d9d6c4; background: #eceadf url(images/ui-bg_fine-grain_15_eceadf_60x60.png) 50% 50% repeat; font-weight: bold; color: #140f06; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #140f06; outline: none; text-decoration: none; }

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em;  }
.ui-tabs .ui-tabs-nav { list-style: none; padding: 5px 5px 0; }
.ui-tabs .ui-tabs-nav li { display: inline; border-bottom-width: 0 !important; margin-right: 2px; padding: 0 0 1px; font-size: .9em; }
.ui-tabs .ui-tabs-nav li a { text-decoration: none; padding: 0 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 3px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.new-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
.new-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.new-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.new-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.new-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.new-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.new-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.new-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.new-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; }

/* Datepicker
----------------------------------*/
.ui-datepicker-trigger 
{
	vertical-align: middle;
	margin-left: 2px;
	cursor: pointer;
}

.ui-datepicker-today a 
{
	color: #3333FF !important;
}
.ui-datepicker-current-day 
{
	border: solid 1px #f9dd34;
}
.ui-datepicker-week-end a 
{
	color: #e83b74 !important;
}

/* Smart button
----------------------------------*/
.bt-left
{
	float: left;
	background-image: url(images/bt-left.png); 
	background-repeat: no-repeat; 
	width: 6px; 
	height: 33px;
}

.bt-right
{
	float: left;
	background-image: url(images/bt-right.png); 
	background-repeat: no-repeat; 
	width: 6px; 
	height: 33px;
}

.bt-body
{
	float: left;
	background-image: url(images/bt-body.png); 
	background-repeat: repeat-x; 
	height: 21px;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	padding: 6px 10px;
	overflow: hidden;
}

.bt-body a
{
	color: #FFFFFF;
	text-decoration: none;
}

.bt-body a:hover
{
	color: #FFFF99;
}

/* Tabs
----------------------------------*/
.new-tabs { padding: .2em; overflow: hidden; }
.new-tabs .new-tabs-nav { list-style: none; padding: 5px 5px 0; }
.new-tabs .new-tabs-nav li { display: inline; border-bottom-width: 0 !important; margin-right: 2px; padding: 0 0 1px; font-size: .9em; }
.new-tabs .new-tabs-nav li a { text-decoration: none; padding: 0 1em; }
.new-tabs .new-tabs-nav li.new-tabs-selected { padding-bottom: 3px; border-bottom-width: 0; }
.new-tabs .new-tabs-nav li.new-tabs-selected a, .new-tabs .new-tabs-nav li.ui-state-disabled a, .new-tabs .new-tabs-nav li.ui-state-processing a { cursor: text; }
.new-tabs .new-tabs-nav li a, .new-tabs.new-tabs-collapsible .new-tabs-nav li.new-tabs-selected a { cursor: pointer; }

/* Interaction states
----------------------------------*/
.new-state-default
{
	border: 1px solid #cbc7bd;
	background-color: #F0F0F0;
	font-weight: bold;
	color: #666666;
	outline: none;
}

.new-state-default a, .new-state-default a:link, .new-state-default a:visited { color: #666666; text-decoration: none; outline: none; }
.new-state-hover, .new-widget-content .new-state-hover, .new-state-focus, .new-widget-content .new-state-focus { border: 1px solid #444444; background-color: #F0F0F0; font-weight: bold; color: #444444; outline: none; }
.new-state-hover a, .new-state-hover a:hover { color: #444444; text-decoration: none; outline: none; }
.new-state-active, .new-widget-content .new-state-active { border: 1px solid #d9d6c4; background-color:  #F8F8FF; font-weight: bold; color: #140f06; outline: none; }
.new-state-active a, .new-state-active a:link, .new-state-active a:visited { color: #140f06; outline: none; text-decoration: none; }

.new-widget-content
{
	border: 1px solid #d9d6c4;
	color: #1f1f1f; /*background-color: #eceadf;*/
	background-color: #F8F8FF;
	display: block;
}
.new-widget-content a { color: #1f1f1f; }
.new-widget-header
{
	border: 1px solid #d4d1bf;
	background-color: #A5C7ED;
	color: #453821;
	font-weight: bold;
}
.new-widget-header a { color: #453821; }

.overlay
{
	position: absolute;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 3000;
}

.video-panel
{
	margin-top: 10px;
}

a.no-dec:link, a.no-dec:visited, a.no-dec:active, a.no-dec:hover
{
	text-decoration: none;
	font-weight: normal;
}

.gray
{
	color: #666666;
}

a.header
{
	font-size: 1.2em;
}

.error
{
	color: #FF0000;
	font-size: 10pt;
}

span.error
{
	font-weight: bold;
}

.line
{
	border-top: dotted 2px #408cb3;
	margin: 15px 0;
}

.send-email
{
	margin-top: 10px;
	font-size: 10pt;
}

li.selected
{
	margin: 5px 0;
	padding: 3px;
	border: solid 1px #778088;
	background-color: #F7F7FF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 DOCUMENTS (IMAGES, FILES etc) BROWSE
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.documents
{
	width: 100%;
	table-layout: fixed;
	font-size: 10pt;
}

table.documents th
{
	font-family: Trebuchet MS, Verdana, Arial, Sans-Serif; 
	font-weight: bold;
	color: #140F06;
	padding: 4px 5px;
	background: #ECEADF url(images/ui-bg_fine-grain_15_eceadf_60x60.png) repeat scroll 50% 50%;
}

table.documents tr.odd td
{
	background-color: #F7F7F7;
}

table.documents tr.archive td
{
	color: #666666;
}

table.documents tr.pinned td
{
	color: Navy;
}

table.documents tr.archive td.name
{
	text-decoration: none;
}

table.documents td
{ 
	padding: 3px 5px;
}

table.documents .command
{
	width: 80px;
	padding: 3px 0;
	text-align: right;
}

table.documents tr.selected td
{
	border-top: 1px dotted #FF9933;
	border-bottom: 1px dotted #FF9933;
}

table.documents tr.selected td.name
{
	border-left: 1px dotted #FF9933;
}

table.documents tr.selected td.command
{
	border-right: 1px dotted #FF9933;
}

.doc-content
{
	border-style: dashed;
	border-width: 1px;
	border-color: #49a9f5;
	padding: 10px;
	margin-top: 10px;
}

/* Text Editor */
.text-editor
{
	white-space: pre;
}

.smart-form
{
	background-color: #f0f6fb;
	border: solid 1px #c6def2;
	margin: 10px 0;
	padding: 10px;
	font-size: 10pt;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SEARCH
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forum
{
	font-size: 9pt;
	color: #4b5b64;
}

.forum a
{
	font-size: 9pt;
	color: #000090;
}

.forum li
{
	list-style-position: inside;
}

table.iconlegend
{
	margin: 8px 0;
}

table.iconlegend td
{
	padding: 5px;
}

table.iconlegend td img
{
	vertical-align: middle;
}

.image-caption
{
	font-size: 10px;
	text-align: center;
	height: 12px;
	padding: 0 5px;
	overflow: hidden;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SHOP
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.price
{
	padding: 5px 10px 10px 15px;
	font-family: Arial;
	font-size: 18pt;
	font-weight: bold;
	color: #666666;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 POLL
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.poll-question
{
	font-size: 11pt;
	color: #006699;
}

.poll-panel
{
	margin-top: 8px;
	font-size: 10pt;
	color: #4b5b64;
}

.poll-panel input
{
	margin: 3px;
}

.poll-choice
{
	margin-bottom: 3px;
} 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 TOMAS 
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tomas-search
{
	text-align: center;
	border: solid 1px gray;
	margin: 5px 0;
	padding: 5px 0;
}

.tomas-textbox1
{
	vertical-align: middle;
	padding: 2px;
	color: #666666;
	border: 1px solid #c6def2;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MOVIE 
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.movie-panel
{
	margin: 5px 0;
	text-align: center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MAYAN TZOLKIN
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tzolkin-flasher
{
	position: relative; 
	width: 20px; 
	height: 20px; 
	background-image: url('/Content/images/Mayan/tzolkin_flasher_04.gif');
}

