@charset "utf-8";
@import url('reset.css');
@import url('gallery.css');

body { 
  line-height:16px;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  color: #453939;
  background:f5f4ee;
  background-color:#F2F2F2;
  text-align:center;
}

table {
  width:100%;
}

#portal {
  width:90%;
  text-align:left;
  margin:10px auto;
  padding-bottom:12px;
  padding-top:79px;
  position:relative;
  /*background:#ffffff url(../../2ker/images/rounded_layer_printforward.gif) no-repeat right top;*/
  background:#ffffff url(../../2ker/images/printpage_top.png) no-repeat left top;
}
.GalleryPortlet {
  text-align:center;
}
.GalleryPortlet .GalleryContent {
  width:480px;
  margin:0 auto;
  text-align:left;
}
.GalleryPortlet .PopupGalleryHead { 
  background:transparent url(../../2ker/images/rounded_layer_printforward.gif) no-repeat right top;
  position:absolute;
  top:0px;
  right:-1px;
  width:100%;
  height:67px; 
  margin-bottom:12px;
}

.GalleryTitle {
 font-size:14px;
 font-weight:bold;
 height:30px;
}

/*
@import url('gallery.css');

body {margin:0; padding:0; background-color:#FFFFFF;}
#portalmiddle { background-color:#FFFFFF;}
*/

/* Gallery */
/*
.GalleryPortlet { }
.Gallery {border:1px solid #ccc; }
.GalleryLogo { height:60px; border-bottom:1px solid #ccc; background:#F1F4ED url(../../default/images/g_gallery_head.gif) no-repeat left top; }
.GalleryTitle{ height:20px; font:bold 12px Verdana; color:#547100; text-align:center; margin-top:5px; background-color:#F1F4ED; height:18px; border-bottom:1px solid #ccc;  border-top:1px solid #ccc; }
.GalleryMiddle { padding:20px 0; border-bottom:1px solid #ccc; }
.GalleryMiddleBody { height:300px; }
.LeftArrow { width:50px;}
.Image img{border:1px solid #444C35;}
.GalImageTitle {font:bold 10px Verdana; color:#547100; background-color:#F1F4ED; height:18px; border-bottom:1px solid #ccc;  }
.GalImageSource {font:10px Verdana; color:#547100; height:18px; border-bottom:1px solid #ccc; }
.RightArrow { width:50px;}
.Thumbnails { float:left; margin:5px; border:1px solid #444C35; }
.Thumbnails img { height:56px; margin:2px;  padding:0; cursor:pointer;}
.GalleryThumbnails { background-color:#F1F4ED; }
.GalleryScroll { padding:5px 5px 0 5px; text-align:center;  overflow: auto; width:560px; height:100px!important; height:95px;  }
.GalleryScroll {
	scrollbar-face-color: #547100;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #ccc;
	scrollbar-track-color: #F1F4ED;
	scrollbar-darkshadow-color: #547100;
}
*/


/*   HTML Area Editor , image upload: newimage  */

/*
html, body {
  background: ButtonFace;
  color: ButtonText;
  font: 11px Tahoma,Verdana,sans-serif;
  margin: 0px;
  padding: 0px;
}
body { padding: 5px; }
table {
  font: 11px Tahoma,Verdana,sans-serif;
}
*/
form p {
  margin-top: 5px;
  margin-bottom: 5px;
}

.fl { width: 9em; float: left; padding: 2px 5px; text-align: right; }
.fr { width: 6em; float: left; padding: 2px 5px; text-align: right; }
fieldset { padding: 0px 10px 5px 5px; }
select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
button { width: 70px; }
.space { padding: 2px; }

.title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px;
border-bottom: 1px solid black; letter-spacing: 2px;
}
form { padding: 0px; margin: 0px; }

/** CSOPORTMUNKA **/
.GwTab div{ float:left; margin:0; padding:0;}
.tab_left { background:url(../../default/images/gw_tab_left.gif) no-repeat left top; height:16px; width:4px;}
.tab_middle {background:url(../../default/images/gw_tab_middle.gif) no-repeat left top; height:16px; width:7px;}
.tab_right {background:url(../../default/images/gw_tab_right.gif) no-repeat left top; height:16px; width:4px;}
.tab_text {background:url(../../default/images/gw_tab_text.gif) repeat-x left top; height:16px;}
.tab_text a { display:block; font:bold 10px Verdana; color:#A8A7A7; text-decoration:none; padding:3px 5px 0 5px;}
.tab_text a:hover {color:#B15103;} 

.tab_text .akt {color:#000; }

/* Nevjegykartya */
.CallCardPortlet {margin:10px 0;}
.CallCard { border:1px solid #ccc;}
.CallCard .HeadLine { background:url(../../default/images/groupware/gw_dir_headline_bg.gif) repeat-x left top; border-bottom:1px solid #ccc; height:28px;}
.CallCard .HeadLine h1 { font:bold 10px Verdana; color:#014E8E; padding:0; margin:0; float:left; padding:3px 0 0 5px;}
.CallCard .Search {  border-bottom:1px solid #ccc;}
.CallCard .Iput {padding:5px;}
.CallCard .Button { position:relative; top:5px!important; top:3px;}
.CallCard .All { padding:5px;}
.CallCard .All a { color:#014E8E;}

.CallCardUser { padding:5px;}
.CallCardUser .tab_text { font:bold 10px Verdana; padding:3px 5px 0 5px;}
.CallCardUser .Body { border:1px solid #ccc; padding:2px;}
.CallCardUser .Image {width:100px;background-color:#F5F5F5; }
.CallCardUser .Image img { border:1px solid #ccc;}
.CallCardUser .Data1 {padding-right:5px; text-align:right; background-color:#F5F5F5; font:bold 10px Verdana; border-right:1px solid #ccc; width:40px;}
.CallCardUser .Data2 {padding-left:5px; color:#014E8E;}

/* uzenet szerkeszto */
.MessageEditorPortlet .Info{ height:100px; font:bold 12px Verdana; color:#014E8E; position:relative; top:45px; left:250px;}
.MessageEditor { margin:5px; border:1px solid #ccc; width:610px; height:370px;}
.MessageEditor .Error { color:#ff0000; padding:5px; height:10px;}
.MessageEditor .Text{ text-align:left; width:70px; font:bold 10px Verdana; color:#666; padding:5px 5px;}
.MessageEditor .Input input { width:400px;}
.MessageEditor .Button { padding:10px 0; }
.MessageEditor .Button a, .MessageEditor .Button input{ padding:0 5px}
.Kiemel { }
.MessageEditor .HeadLine { background:url(../../default/images/gw_dir_headline_bg.gif) repeat-x left top; border-bottom:1px solid #ccc; height:28px;}
.MessageEditor .HeadLine h1 { font:bold 11px Verdana; color:#014E8E; padding:0; margin:0; float:left; padding:3px 0 0 5px;}
.MessageEditor .Textarea .htmlarea{ width:520px; border:1px solid #D4D0C8; }
.MessageEditor .Textarea .toolbar{width:450px!important; width:535px;  border:none; }
.MessageEditor .Textarea .statusBar { width:450px!important; width:530px; border:none; background-color:#D4D0C8;}

.MessageView .MessageEditor .Reply {float:right; width:30px;}
.MessageView .MessageEditor .Text2 { width:490px; color:#014E8E; }
.MessageView .MessageEditor td { }
.MessageView .Button { text-align:center;}

.Bg1 {background-color:#F9F9F9;}
.Bg2 { }