/* 
Global Classroom Partnership Website
Powered by enet-solutions(Miroslav Javora 2005)
www.enet-solutions.com
Version 2.0
*/

/* The desing for SOA Website */


 /* ******************  body,html,  *************** */
body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 12px; background-color: #FFFFFF; color: #000000; }
img { border: 0;}
A:link { color: #4c4c4c; text-decoration: none;}
A:visited { color: #4c4c4c; text-decoration: none;}
A:hover { color: #000000; text-decoration: none;}
A:active { color: #4c4c4c; text-decoration: none;}
#page-top A:link { color: #FFFFFF; text-decoration: none;}
#page-top A:visited { color: #FFFFFF; text-decoration: none;}
#page-top A:hover { color: #e2e2e2; text-decoration: none; }
#page-top A:active { color: #FFFFFF; text-decoration: none;}
#page-middle A:link {color: #7191ce; text-decoration: none;}
#page-middle A:visited {color: #7191ce; text-decoration: none;}
#page-middle A:hover {color: #4c4c4c; text-decoration: none;}
#page-middle A:active {color: #7191ce; text-decoration: none;}


/* ******************  main spans  *************** */
#page { width: 1000px; margin-left: 0px; color: #000000; }
#page #page-top { width: 1000px; height: 107px; background-color: #7f7f7f;}
	#page #page-top-logo { width: 450px; height: 67px; float: left; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 50px;}
	#page #page-top-login { width: 480px; height: 80px; float: left; color: #FFFFFF; text-align: right; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 0px;}
	#page #page-top-menu { width: 477px; height: 17px; float: left; color: #FFFFFF; text-align: right; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 0px; }
#page #page-main { width: 999px; height: 100%; float: left; border-top: #b2b2b2 1px solid; border-bottom: #b2b2b2 1px solid; border-right: #b2b2b2 1px solid; background-image: url(/grafika/index/background.gif); background-position: 268px; background-repeat: repeat-y; }	
		#page #page-left { width: 269px; float: left;}
		#page #page-middle { width: 483px; float: left;}
		#page #page-right { width: 247px; float: right; }
#page #page-credits { width: 1000px; float: left; text-align: center; }


/* ******************  menus  *************** */

/* ***  main menu  *** */
#main-menu { padding: 30px 0px 20px 20px; margin: 0px 0px 0px 0px; } 
#page-left ul { list-style-type: none; }
#page-left ul li { padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }
#page-left ul li a { font: bold 14px Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #404040; border-left: #d9d9d9 10px solid; padding: 0px 0px 0px 10px; }
#page-left ul li a:hover { color: #000000; border-left: #ffc652 10px solid; padding: 0px 0px 0px 10px; }
#page-left ul li.active { color: #000000; border-left: #ffc652 10px solid; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; font: bold 14px Arial, Tahoma, Verdana, Helvetica, sans-serif;}


/* ***  main menu admin  *** */
#page-left ul li.adm a { font: bold 14px Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #6c0000; border-left: #d9d9d9 10px solid; padding: 0px 0px 0px 10px; }
#page-left ul li.adm a:hover { color: #000000; border-left: #ffc652 10px solid; padding: 0px 0px 0px 10px; }


/* ***  sub menu  *** */
#page-left .submenu { padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;} 
#page-left .submenu a { font:bold 11px Arial, Tahoma, Helvetica, sans-serif; color: #000000; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px; border-left: #ebebeb 5px solid;}
#page-left .submenu a:hover {color: #999999; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; border: none;}
#page-left .submenu li {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
/* ***  sub-menu admin  *** */
#page-left .submenu li.admin a {color: #6c0000;}
#page-left .submenu li.admin a:hover {color: #999999;}

/* ***  top menu  *** */
#page-top-menu #menu2 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: right; }
#page-top-menu #menu2 a { color: #FFFFFF; font-size: 13px; border-right: 1px solid #b7b7b7; padding-right: 10px; }  
#page-top-menu #menu2 a:hover { color: #CCCCCC;}       
#page-top-menu ul { list-style-type: none;}
#page-top-menu ul li {font: bold 13px  Arial, Tahoma, Helvetica, sans-serif; padding: 0px 0px 6px 0px; margin: 0px 0px 0px 0px; float: left; }
#page-top-menu ul li a { text-decoration: none; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; }
#page-top-menu ul li a:hover { color: #CCCCCC; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; border-bottom: #b7b7b7 6px solid}



/* ******************  fonts etc  *************** */
.font-logo { color: #FFFFFF; font: bold 14px Arial, Tahoma, Helvetica, sans-serif; padding-left: 20px; }
.font-heading { color: #6c0000; font: bold 14px Arial, Tahoma, Helvetica, sans-serif;}
h2.font-heading { margin: 0; padding:0; display:inline; color: #6c0000; font: bold 14px Arial, Tahoma, Helvetica, sans-serif;}
#page-middle .font-heading a:link { color: #6c0000; text-decoration: none;}
#page-middle .font-heading a:active { color: #6c0000; text-decoration: none;}
#page-middle .font-heading a:visited{ color: #6c0000; text-decoration: none;}
#page-middle .font-heading a:hover { color: #000000; text-decoration: none;}
.font-subheading {color: #7191ce; font: bold 13px Arial, Tahoma, Helevtica, sans-serif; margin: 0px 0px 0px 0px; }
.font-link { font: bold 13px Arial, Tahoma, Helvetica, sans-serif;}
.font-small {font: normal 10px  Arial, Tahoma, Helvetica, sans-serif;color: Gray;}
.font-poll {font: normal 10px  Arial, Tahoma, Helvetica, sans-serif;}
.font-small-heading {font: normal 10px  Arial, Tahoma, Helvetica, sans-serif;color: Gray; border-left: #CCCCCC 1px solid; border-top: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; padding: 1px 3px 0px 3px;}
.font-border-heading {font: normal 12px  Arial, Tahoma, Helvetica, sans-serif;color: Gray; border-left: #CCCCCC 1px solid; border-top: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; padding: 1px 3px 0px 3px; font-weight: bold;}
.font-border-left {font: normal 12px  Arial, Tahoma, Helvetica, sans-serif; color: Gray; border: #CCCCCC 1px solid; padding: 1px 3px 0px 3px; margin: 0px 0px 0px 0px; font-weight: bold;}
/* editing menu fonts*/
.font-adminMenuMain { font: bold 12px  Arial, Tahoma, Helvetica, sans-serif; }
.font-adminMenuSection { font: bold 10px  Arial, Tahoma, Helvetica, sans-serif; padding: 0px 0px 0px 10px; }
/* ls */
.font-lsCoordinator { font: normal 11px Arial, Tahoma, Helvetica, sans-serif; color: Red; }
.font-lsResearcher {font: normal 11px  Arial, Tahoma, Helvetica, sans-serif; color: Blue; }
#seo { display: none;}



/* ******************  various etc  *************** */

.boxContainer {width: 247px;}
.boxHeader {border-top: #b2b2b2 1px solid; padding: 4px 0px 2px 10px; height: 20px; width: 237px;}
.box {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 10px;}
.box-noborder {margin: 0px 0px 0px 0px;padding: 0px 0px 20px 20px;}
.box-login {margin: 0px 0px 0px 0px;padding: 5px 5px 5px 5px;}
.boxLeft {border-top: #b2b2b2 1px solid;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 20px; }
.nomargin {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.margins {margin: 0px 0px 0px 0px;padding: 5px 10px 0px 10px;}
.box-subtopic {font: normal 11px Arial, Tahoma, Helvetica, sans-serif; color: #999999; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 20px; float: left;}
.float-left { float:left;}

.boxChat { background-color: #EEEEEE; border: 2px solid #CCCCCC; width: 500px; height: 350px; z-index: 1000;position: absolute; bottom: 0px; right: 0px; padding: 5px 5px 5px 5px; font-size: 11px; font-family: Arial, Sans-Serif;}

/* *** Message list table styles. * ***/
.messageList {table-layout: fixed;width: 460px;margin-top: 5px;}
.messageList tr {height: 20px;}
.messageList th {text-align: left;white-space: normal;color: #FFFFFF;}
.messageList td {white-space: nowrap;overflow: hidden;}
.messageList img {vertical-align: middle;}
.messageList .forumLineLeft {background-image: url("/grafika/forums/forumLineLeft.gif");}
.messageList .forumLineBackground {background-color: #bcc8df;	}
.messageList .forumLineRight {background-image: url("/grafika/forums/forumLineRight.gif");	}
.seen {background-color: white;}
.seen:hover {background-color: #f3f3f3;}
.seen-over {background-color: #f3f3f3;}
.seen2 {border-bottom: solid 1px #cccccc;}
.seen2:hover {background-color: #f3f3f3;}
.forumFolder {border-bottom: #ededed 1px solid;}

/* *** paging styles * ***/
.paging-normal{background: #CCCCCC; color: #FFFFFF; padding: 1px 4px 1px 4px; font: bold 10px  Arial, Verdana, Helvetica, sans-serif; border: #CCCCCC 1px solid;}
.paging-active{color: #000000; padding: 1px 4px 1px 4px; font: bold 10px  Arial, Verdana, Helvetica, sans-serif; border: #CCCCCC 1px solid;}

/* *** forum tables * ***/
.forumTable {width: 100%; border: #CCCCCC 1px solid; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px;}
.forumTableActive {width: 100%; border: #999999 1px solid; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px;}
.forumRowBack {background-image: url("/grafika/forums/forumPostBackground.gif"); background-repeat: repeat-x;}
.forumRowMiddleLeft {background: #ebebeb;}
.forumQuote {background: #c8d1e5; border: #b2b2b2 1px solid}

/* *** generic tables * ***/
.genericTable {width: 100%; background-color:#f3f6f9; border: #CCCCCC 1px solid; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; margin-bottom: 10px;}
.genericTableWhite {width: 100%; background-color:#FFFFFF; border: #CCCCCC 1px solid; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; margin-bottom: 10px;}
.genericRowBack {background-image: url("/grafika/forums/forumPostBackground.gif"); background-repeat: repeat-x;}
.genericRowBackDark {background-color: #ebebeb;}

/* *** generic tables hover * ***/
.genericTableHover {background-color:#f3f6f9; width: 95%; border: #CCCCCC 1px solid; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; margin-bottom: 10px;}
.genericTableHover:hover {background-color:#FFFFFF;}
.genericTableHoverHidden {background-color:#FBFFFF; width: 95%; border: #E7E7E7 1px solid; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; margin-bottom: 10px;}
.genericTableHoverHidden:hover {background-color:#FFF;}

/* *** gallery photos * ***/
.galleryPhoto {width: 145px; height: 165px; background-color:#f3f6f9; border: #CCCCCC 1px solid; margin: 0px 0px 5px 5px; padding: 2px 2px 2px 2px; float: left; cursor: pointer;}
.galleryPhoto:hover {background-color:#FFFFFF;}
.galleryPreview {background-color:#f3f6f9; width: 430px; border: #CCCCCC 1px solid; margin: 0px 0px 5px 5px; padding: 5px 5px 5px 5px; float: left;}
.galleryPreview:hover {background-color:#FFFFFF;}
.orderTable {width: 460px; border: #CCCCCC 1px solid; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px;}
.divPhoto {background-color:#f3f6f9; text-align: center; border: #CCCCCC 1px solid; padding: 10px 10px 10px 10px;}
.multimediaPaging {margin-left: 5px; width: 450px;} 

/* *** schools * ***/
.schoolPreview {background-color:#f3f6f9; width: 430px; border: #CCCCCC 1px solid; margin: 0px 0px 5px 5px; padding: 5px 5px 5px 5px;}
.schoolPreview:hover {background-color:#FFFFFF;}
.schoolMain {background-color:#FFFFFF; width: 430px; border: #CCCCCC 1px solid; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px;}
.schoolMain:hover {background-color:#f3f6f9;}
.schoolMainTable {background-color:#FFFFFF; width: 440px; border: #CCCCCC 1px solid; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px;}
.schoolMainTable:hover {background-color:#f3f6f9;}

/* *** dropbox * ***/
.dropboxTable {background-color:#FFFFFF; width: 440px; border: #CCCCCC 1px solid; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px;}
.dropboxTable:hover {background-color:#f3f6f9;}
.dropboxHr {background-color: #FFFFFF;}
.dropboxHr:hover {background-color:#ebebeb;}
.dropboxRead { font-size: 10px; }
.dropboxUnread { font-size: 10px; font-weight: bold;}

/* *** bookmarks * ***/
.bookmarksTable {background-color:#f3f6f9; width: 430px; border: #CCCCCC 1px solid; margin: 0px 0px 5px 5px; padding: 5px 5px 5px 5px;}
.bookmarksTable:hover {background-color:#FFFFFF;}

/* *** participant * ***/
.participantTable {background-color:#FFFFFF; width: 440px; border: #CCCCCC 1px solid; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 10px;}
.participantTable:hover {background-color:#f3f6f9;}

/* *** LS profile * ***/
.lsProfileTable {background-color:#FFFFFF; width: 600px; border: #CCCCCC 1px solid; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 10px;}

/* *** topics * ***/
.topicTable {background-image: url('/grafika/perspectives/boxBackground.gif'); border: solid 1px #e0e0e0; width: 215px; height: 100px; margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; float: left;}
.topicTable:hover {background-image: none; border: solid 1px #e0e0e0; width: 215px; height: 100px; margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; float: left}
.topicTableImage {width: 215px; height: 100px; margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; float: left}
.topicTableImage:hover {background-color: #ebebeb;}

/* *** calendar * ***/
.calendarSmall {width: 190px; height: 150px; border: solid 1px #cccccc;}

/* *** comments * ***/
.comment { border-bottom: solid 1px #CCCCCC; font-size: 10px;}

/* *** drag n drop * ***/
ul.sortable li { position: relative; }
ul.boxy { list-style-type: none; padding: 4px 4px 0 4px; margin: 0px; width: 10em; font-size: 13px; font-family: Arial, sans-serif; border: 1px solid #ccc; }
ul.boxy li { cursor:move; margin-bottom: 4px; padding: 2px 2px; border: 1px solid #ccc; background-color: #eee;}

/* *** ls menu * ***/
ul#lsGuide {margin: 0; padding:0 0 0 15px; font-size: 1.1em;}
ul#lsGuide ul {margin: 0; padding:0 0 0 15px; font-size: 0.9em;}

/* ******************  inputs/buttons  *************** */

.input-login-txtbox {border-color: #7f7f7f;border-style: solid;border-width: 1px;background-color: #ECECEC;color: #000000;width: 130px;}
.input-newsletter-txtbox {border-color: #999999;border-style: solid;border-width: 1px;background-color: #ECECEC;color: #000000;width: 130px;}
.input-generic {border-color: #999999;border-style: solid;border-width: 1px;background-color: #FFFFFF;color: #000000;}
.input-genericMiddle {border-color: #999999;border-style: solid;border-width: 1px;background-color: #FFFFFF;color: #000000; width: 200px;}
.input-genericLong {border-color: #999999;border-style: solid;border-width: 1px;background-color: #FFFFFF;color: #000000; width: 300px;}
.input-genericVeryShort {border-color: #999999;border-style: solid;border-width: 1px;background-color: #FFFFFF;color: #000000; width: 20px;}
.input-genericShort {border-color: #999999;border-style: solid;border-width: 1px;background-color: #FFFFFF;color: #000000; width: 40px;}
.htmlTagsHelp {width:300px; font-size:10px; color: #999999; background-color:#f3f6f9; border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }



/* ******************  graphics/pics  *************** */

.pic-news {margin: 0px 10px 10px 0px; padding: 2px 2px 2px 2px;border: #b2b2b2 2px solid;float: left;}
.pic-gallery {margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px;border: #b2b2b2 2px solid;}
.pic-gallery:hover {border: #000000 2px solid;}
.pic-menuOption {margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px;border: #b2b2b2 2px solid;}
.pic-menuOption:hover {border: #ebebeb 2px solid;}
.pic-menuOption2 {margin: 0px 0px 0px 0px; padding: 1px 1px 1px 1px;border: #b2b2b2 1px solid;}
.pic-menuOption2:hover {border: #ebebeb 1px solid;}
.pic-topic {border: solid 1px #e0e0e0; margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px;}
.pic-banner {border-bottom: #b2b2b2 1px solid}
.pic-advert {border: #CCCCCC 1px solid; padding: 2px 2px 2px 2px; }
.pic-school {margin-right: 10px; border: #CCCCCC 1px solid; float: left;}
.pic-subheading { float: left; padding: 0px 5px 0px 0px }
.star {background-image: url("/grafika/rating/star.gif"); height: 15px; width: 15px; cursor: pointer;}
.nostar {background-image: url("/grafika/rating/nostar.gif"); height: 15px; width: 15px; cursor: pointer; }
.pointer {cursor: pointer;}
.updateBox {position:absolute; width:auto; height:auto; left:440px; top: 300px; padding:25px; background-color: #fff; border: solid 1px #ccc; }
.friendBox {float:left; padding: 2px 2px 2px 2px; border: solid 1px #cccccc;}
.pic-conference { margin-right: 10px; border: #CCCCCC 1px solid; }
#logo { padding:0; margin:0; background: transparent url('/grafika/index/logo.gif') no-repeat; width: 314px; height: 24px; overflow:hidden; text-indent:-9999em;}
#logo a {display:block; height:100%; overflow:hidden; width:100%;}


.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}