/*--------------------------------------------------------*/
/* COMMON STYLE */
/*------------------------------------------------------- */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Arial, sans-serif;
	line-height: 1.6;
}

body#bd {
	color: #393e3d;
	background: #FFFFFF;
}

body.fs3 {
	font-size: 12px;
}

/* Normal link */

a {
	color: #2C79B3;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #2C79B3;
	text-decoration: underline;
}

a img {
	border: none;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */

#spphoto-wrapper {
	padding: 5px 0 5px;
	width: 950px;
	margin: 0 auto;
	background-color: transparent;
}

#ja-mainnavwrap {
	background: url(../images/shadow.gif) repeat-x bottom;
	height: 37px;
	position: relative;
	z-index: 999;
}

#ja-header,
#ja-mainnav,
#ja-subnav,
#ja-pathway,
#ja-container,
#ja-topsl,
#ja-botsl,
#ja-footer {
	clear: both;
}

#ja-header {
	height: 50px;
	line-height: normal;
	position: relative;
}

#ja-header a {
	
}

h1.logo, h1.logo-text {
	margin: 0;
	padding: 0;
	font-size: 200%;
}

h1.logo a {
	width: 446px;
	display: block;
	background: url(../images/logo.gif) no-repeat;
	position: absolute;
	height: 42px;
	bottom: 0;
	left: 0;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

h1.logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 35px;
	left: 15px;
}

h1.en-gb-logo, h1.logo-text {
	margin: 0;
	padding: 0;
	font-size: 200%;
}

h1.en-gb-logo a {
	width: 446px;
	display: block;
	background: url(../images/logo.gif) no-repeat;
	position: absolute;
	height: 42px;
	bottom: 0;
	left: 0;
}

h1.en-gb-logo a span {
	position: absolute;
	top: -1000px;
}

h1.en-gb-logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 35px;
	left: 15px;
}

h1.fr-fr-logo, h1.logo-text {
	margin: 0;
	padding: 0;
	font-size: 200%;
}

h1.fr-fr-logo a {
	width: 446px;
	display: block;
	background: url(../images/french-logo.gif) no-repeat;
	position: absolute;
	height: 42px;
	bottom: 0;
	left: 0;
}

h1.fr-fr-logo a span {
	position: absolute;
	top: -1000px;
}

h1.fr-fr-logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 35px;
	left: 15px;
}

#en-gb-tagline {
	background: url(../images/right-logo.gif) no-repeat;
	width: 230px;
	height: 37px;
	float: right;
	position: relative;
	top: 8px;
}

#fr-fr-tagline {
	background: url(../images/french-tagline.gif) no-repeat;
	width: 230px;
	height: 37px;
	float: right;
	position: relative;
	top: 8px;
}

#ja-mainnav {
	background: url(../images/grad2.gif) repeat-x top #2C79B3;
	height: 32px;
}

#ja-mainnav a, #ja-subnav a {
	outline: none;
}

#mainlevel_link a {
	color: #626a69;
	text-decoration: none;
}

#mainlevel_link a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------------------
# JA Edentite 1.0 - Mar, 2008
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/

/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/

#ja-cssmenu {
	margin: 0; /* all lists */
	padding: 0;
	float: left;
}

#ja-cssmenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#ja-cssmenu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	border-right: 1px solid #75AAD2;
	cursor: pointer;
}

#ja-cssmenu li ul {
	width: 16.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	w\idth: 15.9em;
}

#ja-cssmenu li ul ul {
	margin: -2em 0 0 15em; /* third-and-above-level lists */
}

#ja-cssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

#ja-cssmenu ul a {
	width: 14.8em;
	w\idth: 10.8em;
}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu li a {
	display: block;
	text-decoration: none;
	line-height: 32px;
	padding: 0 20px;
	color: #C3DBED;
	font-size: 100%;
	font-weight: bold;
	border-right: 1px solid #2B6484;
}

#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
	color: #FFFFFF;
}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover {
	color: #FFFFFF;
	background: #2B6484 url(../images/grad2-1.gif) repeat-x;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
	color: #FFFFFF;
	background: url(../images/grad2-2.gif) repeat-x top #91AE4E;
}

/* 2nd level and above */
#ja-cssmenu li ul {
	border: 1px solid #2B6484;
	background: url(../images/grad2.gif) repeat-x bottom #5192C3;
}

#ja-cssmenu li ul li {
	border-bottom: 1px solid #2972A8;
	border-right: none;
	background: none;
}

#ja-cssmenu li ul a {
	border-right: none;
	margin: 0;
	padding: 7px 10px;
	line-height: normal;
	background: none;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 92%;
}

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
	background: url(../images/arrow3.png) no-repeat 94% 50%;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus,
#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: url(../images/grad2-1.gif) repeat-x top #2B6484;
	color: #FFFFFF;
}

#ja-cssmenu ul li a.active,
#ja-cssmenu ul li a.active:hover,
#ja-cssmenu ul li a.active:active,
#ja-cssmenu ul li a.active:focus {
	background: none !important;
	color: #FFFFFF;
	font-weight: bold;
}

.right-logo {
	float: right;
	background: url(../images/logo.gif) no-repeat;
	width: 320px;
	height: 32px;
}

/* ............................... */

/*Image Box*/

/* ............................... */

#maincontent {
	text-align: center;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-bottom: 0;
}

#image-box {
	text-align: center;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 15px;
}

#navigation-box {
	text-align: center;
	padding-bottom: 5px;
	font-size: 11px;
}

#image-navigation {
	font-size: 11px;
	text-align: right;
	position: relative;
	top: 3px;
	width: auto;
	float: right;
}

#image-title {
	font-size: 12px;
	font-weight: bold;
	color: #2c79b3;
}

#image-frame {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	right: 6px;
}

#photo {
	background-color: #f5f5f5;
	background-image: url(../loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 5px;
	border: solid 1px #ddd;
}

#thumbrow {
	text-align: center;
	margin: 10px auto 0;
	padding-top: 10px;
	padding-bottom: 0;
}

.thumbnails {
	background-color: #f5f5f5;
	margin: 3px;
	padding: 5px;
	border: solid 1px #ddd;
}

.thumbnails:hover {
	background-color: #d8d8d8;
	position: relative;
}

.current-thumbnail {
	background-color: #f5f5f5;
	margin: 3px;
	padding: 5px;
	border: solid 1px #ddd;
}

#browse_select {
	width: 625px;
	margin: auto;
}

/* .............................. */

/*Caption Box*/

/* .............................. */

#menu_browse{
	position: absolute;
	margin: 0px;
	margin-right:-10px;
	padding: 0px;
	top: 6px;
	left: 6px;
	z-index:10;
}

#menu_browse a{
	outline: none;
}

#menu_browse_prev, #menu_browse_next{
	width: 50%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#menu_browse_prev {
	top: 0px;
	left:0px;
	float: left;	
}
#menu_browse_next {
	top: 0px;
	right:0px;
	float: right;	
}

#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
	background: url('../images/prevImage.png') no-repeat center center;
	cursor: pointer;
}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background: url('../images/nextImage.png') no-repeat center center;
	cursor: pointer;
}

option {
	font-size: 11px;
}

select {
	color: #515151;
	font-size: 11px;
	background-color: #eee;
}

#cat_name {
	font-weight: bold;
	text-decoration: underline;
	margin-right: 10px;
}

/* .............................. */

/* Browse */

/* .............................. */

#page {
	padding: 20px;
	margin: 0 auto 15px;
	line-height: 16px;
	background: #fff;
	text-align: center;
	position: relative;
	top: 0;
}

.selector {
	text-align: right;
	width: 60%;
	float: right;
}

#category_name {
	font-size: 12px;
	text-align: right;
	float: right;
}

#navigation-vertical {
	text-align: left;
	width: 140px;
	float: left;
	min-height: 415px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
}

#navigation-browse {
	font-size: 12px;
}

#thumbbox {
	text-align: center;
	width: 475px;
	float: left;
	padding-top: 10px;
}

.sc_th_page_nav {
	font-size: larger;
}

.sc_th_page_nav_cur {
	color: #fff;
	font-size: larger;
	border: solid 1px #c6c6c6;
}

.sc_th_page_nav_cur:hover {
	color: #fff;
	font-size: larger;
}

.td-calendar-days {
	color: #aaa;
}

.td-calendar-days-imagefound {
	
}

#table-calendar {
	text-align: center;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #aaa;
}

.td-calendar-navi {
	color: #ddd;
	width: auto;
}

/* .............................. */

/* Comments */

/* .............................. */

#comment-wrapper {
	padding: 10px;
	font-size: 11px;
}

#image-notes {
	text-align: left;
	margin-top: 7px;
	padding: 5px 0 0;
	border-top: 1px solid #aaa;
}

#comment-header {
	background: #373737;
	text-align: left;
	border-bottom: 1px solid #aaa;
	padding: 5px;
	height: 15px;
}

#comment-box {
	color: #414141;
	height: 100%;
	border-color: #e5e5e5 #d9d9d9 #d9d9d9 #e5e5e5;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
}

.comment-thumb {
	background-color: #fff;
	float: right;
	margin: 5px;
	padding: 5px;
	border: solid 1px #ddd;
}

#comment-notes {
	text-align: left;
	min-height: 80px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

#comment-notes a {
	color: #666;
	font-weight: normal;
	text-decoration: underline;
}

#comment-notes a:hover {
	color: #aaa;
	text-decoration: none;
}

#comment-exif {
	padding-left: 10px;
	padding-right: 10px;
}

#comments-intro {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	height: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-top: 1px dotted #aaa;
	color: #2c79b3;
}

#comments {
	color: #aaa;
	margin: 0 auto;
	text-align: left;
}

#comment-title {
	color: #ddd;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	float: right;
}

#comments ul {
	list-style-type: none;
	margin: 0;
	padding: 10px;
}

#comments li {
	color: #414141;
	display: block;
	margin: 0 0 10px;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #e5e5e5;
}

#comments li a {
	color: #2c79b3;
	text-decoration: none;
}

#comments li a:hover {
	text-decoration: underline;
}

#comments li:hover {
	background: #8bab32;
	color: white;
}

#comment-middle {
	color: #2c79b3;
	font-size: 12px;
	font-weight: bold;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-align: left;
	border-top: 1px dotted #aaa;
	padding: 5px;
	margin-top: 20px;
	height: 15px;
}

#addcomment {
	color: #414141;
	background: #fff;
	width: 90%;
	text-align: left;
	height: 90%;
	margin: 0 auto 10px;
	padding: 10px;
}

.input {
	width: 45%;
	font-size: 10px;
	border: solid 1px #e5e5e5;
	background-color: #fff;
	color: #414141;
	padding: 5px;
}

#addcomment textarea {
	width: 90%;
	height: 50px;
	font-size: 11px;
	border: solid 1px #e5e5e5;
	background-color: #fff;
	color: #414141;
	padding: 5px;
}

.comment-button {
	background: #8bab32;
	border: 1px solid #aaa;
	color: white;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

.comment-button:hover {
	cursor: pointer; cursor: hand
}

/* breadcrumbs */

#ja-pathway {
	border: 1px solid #E7E8E6;
	border-bottom: none;
	padding: 5px 15px;
	color: #626A69;
	font-weight: bold;
	background: #F8F8F7;
	font-size: 11px;
}

#ja-pathway strong {
	margin-right: 5px;
}

#ja-pathway a {
	color: #626A69;
	font-weight: normal;
}

#ja-pathway img {
	margin: 1px 5px;
}



/* Highslide */

.highslide-html {
}

.highslide-html-blur {
	
}

.highslide-html-content {
	display: none;
}

.highslide-loading {
	display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;
	padding-left: 22px;
	background-image: url(highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}

/* Styles for the popup */

.highslide-wrapper {
	background-color: white;
}

.highslide-wrapper .highslide-html-content {
	padding: 5px;
	width: 500px;
	position: absolute;
}

.highslide-wrapper .highslide-header div {
	
}

.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}

.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}

.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}

.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-decoration: none;
}

.highslide-wrapper .highslide-header a:hover {
	color: black;
}

.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}

.highslide-wrapper .highslide-footer {
	height: 11px;
}

.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}

.highslide-wrapper .highslide-body {
	
}

.highslide-move {
	cursor: move;
}

.highslide-resize {
	cursor: nw-resize;
}

.controlbar5 {
	background: url(highslide/graphics/controlbar5.gif);
	width: 83px;
	height: 18px;
	float: right;
}

.controlbar5 a {
	display: block;
	float: left;
	height: 18px;
}

.controlbar5 a:hover {
	background-image: url(highslide/graphics/controlbar5-hover.gif);
}

.controlbar5 .previous {
	width: 20px;
}

.controlbar5 .next {
	width: 20px;
	background-position: -20px 0;
}

.controlbar5 .highslide-move {
	width: 20px;
	background-position: -40px 0;
}

.controlbar5 .close {
	width: 20px;
	background-position: -60px 0;
}

/* These must be the last of the Highslide rules */

.highslide-display-block {
	display: block;
}

.highslide-display-none {
	display: none;
}

/*.................................*/

/*eCard pages
*/

/*................................*/

#ecardpage {
	color: #414141;
	font-size: 12px;
	background: #fff;
	text-align: left;
	padding: 20px;
	width: 670px;
	margin: 0 auto 15px;
	top: 0;
	min-height: 405px;
	border-color: #e5e5e5 #d9d9d9 #d9d9d9 #e5e5e5;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
}

#ecardpaget1 {
	font-size: 12px;
	background: #fff;
	text-align: center;
	margin: 0 auto 15px;
	padding: 20px;
	position: relative;
	top: 0;
	width: 670px;
	border: 1px solid #e5e5e5;
	border-right: 2px solid #d9d9d9;
	border-bottom: 2px solid #d9d9d9;
}

#ecardpage a {
	color: #666;
}

#ecardpage a:hover {
	color: #aaa;
}

#ecard-submit {
	position: relative;
	bottom: 10px;
	float: right;
}

#ecardpage textarea {
	color: #414141;
	font-size: 12px;
	font-family: "Century Gothic", "Trebuchet ms", Tahoma, Verdana, Georgia, Arial, sans-serif;
	background-color: white;
	padding: 5px;
	border: solid 1px #aaa;
}

#ecardentry {
	padding-top: 10px;
}

#ecardtoprow {
	width: 100%;
	padding-bottom: 5px;
}

#ecardtopleft {
	text-align: left;
	position: relative;
	width: 320px;
	float: left;
	padding-bottom: 15px;
	padding-left: 20px;
	border-right: 1px dotted #888;
}

#ecardtopright {
	text-align: right;
	width: 310px;
	float: left;
	padding-right: 15px;
	display: block;
}

.error {
	color: #454580;
	font-weight: bold;
}

#ecardphoto {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

input {
	background-color: #fff;
	border: solid 1px #aaa;
}

/* .............................. */

/* FOOTER
--------------------------------------------------------- */

/* Footer */

/* .............................. */

#ja-footer {
	color: #626A69;
	padding: 20px 0 0;
	position: relative;
	text-align: center;
	border-top: 1px solid #E7E8E6;
	font-size: 11px;
}

#ja-footer small {
	color: #858783;
	font-size: 100%;
}

#ja-footer ul {
	margin: 0 0 8px;
	padding: 0;
	line-height: normal;
}

#ja-footer li {
	display: inline;
	margin: 0;
	padding: 0;
	background: url(../images/vline.gif) no-repeat center left;
}

#ja-footer li a {
	display: inline;
	line-height: normal;
	padding: 0 15px;
}

li.ja-firstitem {
	background: none !important;
}

.ja-footurl {
	float: none;
	clear: both;
}

#footer {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer2 {
	margin-bottom: 20px;
}

.archive_active_page_number {
	text-decoration: none;
}

.archive_active_page_number a {
	text-decoration: none;
	color: white;
	background-color: #91ae4e;
	padding-right: 3px;
	padding-left: 3px;
}

.archive_page_number {
	padding-right: 3px;
	padding-left: 3px;
}

#ja-search {
	bottom: 12px;
	position: absolute;
	font-size: 11px;
	right: 12px;
}


/* Joom!Fish CSS definition used by the module or component. You might overwrite it in your
 * template and remove this. Within your module configuration you can switch off the loading of the css*/

/* My Comment */


#jflanguageselection
{
    float: right;
	margin: 15px 0px 10px 5px;
	position: relative;
	top: 10px;
}

/* language lists with UL (names & images) */
#jflanguageselection ul.jflanguageselection
{
	list-style: none;
	padding: 0;
	margin-top: 3px;
	font-weight: normal;
}

#jflanguageselection ul.jflanguageselection li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 1px 1px 1px 1px;
	white-space: nowrap;
	border: none;
	font-size: 0.9em;
}

#jflanguageselection ul.jflanguageselection li#active_language
{
 	font-weight: bold;
	font-size: 1.0em;
}

#jflanguageselection ul.jflanguageselection li a
{
	display: block;
}

#jflanguageselection ul.jflanguageselection img
{
	border: none;
}

div#jflanguageselection img.langImg {
	float: left;
	border: none;
	margin-top: 3px;
}
div#jflanguageselection li img.langImg {
	float: left;
	border: none;
	margin: 0px 1px 0px 1px;
}

/** Styles for the drop down list */

#jflanguageselection select.jflanguageselection
{
	border: 1px solid #cccccc;
}

#jflanguageselection label.jflanguageselection
{
	position:absolute;
	left:-1000px;
}

/** Controls Raw Display of Images **/

.rawimages {
	text-align: center;
	margin-top: 3px;
}
.rawimages img {
	border: none;
	margin:2px;
}
.rawimages span#active_language img
{
	margin:2px;
	border: none;
}

div#jflanguageselection img.langImg{ float: left; border: none; margin-top: 3px; }
div#jflanguageselection li img.langImg{ float: left; border: none; margin: 1px 3px 0px 0px; }


#outline {
	width: 950px;
	margin: auto;
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#errorboxoutline {
	width: 600px;
	margin: auto;
	padding: 0px;
	border: 1px solid #CCCCCC;
}
#errorboxheader {
	width: 600px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	background: url(../images/grad2.gif) repeat-x top #2C79B3;
}
#errorboxbody {
	margin: 0px;
	padding: 10px;
	text-align: left;
}
#techinfo {
	margin: 10px;
	padding: 10px;
	text-align: left;
	border: 1px solid #CCCCCC;
	color: #CCCCCC;
}
#techinfo p {
	color: #CCCCCC;
}