/*
	==========================================
	project: DesignHQ 
	author: Borut Jegrišnik (www.solucija.com)
	------------------------------------------
	2009. Solucija
	==========================================
*/

*{ margin: 0; padding: 0; }

:focus,:active { outline: 0; }
body { font: 12px Tahoma, Arial, Sans-Serif; color: #000; background: #ccc; }
a { text-decoration: none; color: #000; }
	a:hover { color: #000; }
.x { clear: both; }

p { line-height: 22px; margin: 0 0 22px; color:#666; }
img { border: 0; }

h1 { font-size: 24px; font-weight: normal; margin-bottom: 15px;}
h2 { font-size: 14px; font-weight: normal; margin-bottom: 2px; color: #333; }
h3 { font-size: 14px; font-weight: bolder; margin-bottom: 10px; color: #333; }
h4 { font-size: 18px; font-weight: normal; float: left; margin: 3px 0 10px; width: 460px; }
h5 { font-size: 18px; font-weight: normal; margin-bottom: 15px;}
#wrapper { margin: 0 auto; width: 980px; background: url(../images/bg.jpg) no-repeat; }

#logo { padding-top:15px; padding-bottom:10px; }
	/*#logo h1 { font: bold 24px Arial; text-shadow: 1px 1px 1px #fff; letter-spacing: 4px; }
		#logo h1 a { color: #333; }
		#logo h1 a span { color: #000; }*/
#content { background:  #fff ; width: 980px; }
	
.menu { list-style:none; margin: 14px 25px 0 10px; width: 400px; float: left; }
	.menu li { float: left; margin: 0 4px 0 0; }
	.menu li a { display: block; font-size: 14px; padding: 14px 24px; border: 1px solid #fff; }
	.menu a:hover, .menu li.current a { border: 1px solid #ddd; }

		.menu li ul { display: block; background: #fff; margin: -1px 0 0; position: absolute; display: none; z-index: 2; border: 1px solid #ddd; }
		.menu li ul li { float: none; display: inline; margin: 0; padding: 0; }
		.menu li ul li a { width: auto; margin: 4px; white-space: nowrap; }

#search { float: right; width:420px;  }
	#search .text {  border: 0px solid #ddd; padding: 5px; float: left; color: #888; }
	#search .text2 {  border: 1px solid #ddd; padding: 2px; float: left; color: #888; }
	#search .submit { float: right; border: 0; background: #000 url(../images/search.gif) no-repeat center 8px; width: 32px; height: 28px; padding-top: 1px; }

#pitch { margin-bottom: 30px; }
	#pitch .infoline { margin-top: -70px; padding: 25px 0 25px 25px; background: #000; font-size: 18px; width: 955px; height: 18px; opacity:0.70; filter:alpha(opacity=70); color: #fff; }

	.pitch-gallery { overflow: hidden; width: 980px; position: relative; }
		.pitch-gallery-holder { width: 3920px; position: relative; top: 0; left: 0; }
		.pitch-gallery-div { float: left; }
		
#left { width: 600px; float: left; margin-left: 25px; display: inline; }
	#left img { float: left; margin: 5px 20px 2px 0; padding: 3px; border: 1px solid #ccc; }
	#left form { padding-left: 45px; }
	#left label { float: left; display: block; clear: both; padding: 3px 0; color: #666; font-weight: normal; width: 150px; }
		#left .lcurrent { font-weight: bold; }
	#left label img { vertical-align: middle; }
	#left input.text, textarea, select { float: left; margin: 0 5px 10px 0; padding: 7px; width: 350px; border: 1px solid #ccc; }
	#left textarea { height: 200px; }
	#left select { width: 366px; }
	#left input.radio {  }
		#left input:focus { border-color:#aaa; }
		#left textarea:focus { border-color: #aaa; }	
	.error { font-size: 10px; color: #666; margin: 0 0 10px 150px; display: none; }
	#left .submit { border: 0; background: #000; color: #fff; padding: 5px; float: left; margin-left: 150px; }
	
ul { color: #666; margin: 0 0 10px 30px; line-height: 18px; }
ol { color: #666; margin: 5px 0 5px 30px; line-height: 18px; }
	
	#contact-back { margin: 12px 40px 0 0; float: right; }

.post { position: relative; margin-bottom: 20px; height: 127px; }
.post-options { position: relative; margin: -37px 0 40px 0; font-size: 10px; color: #666; }

#right { width: 260px; float: right; border-left: 1px solid #ccc; padding-left: 36px; margin-right: 25px; display: inline; }
	
#feature { margin-left: 25px; padding-bottom: 10px; }
	.small-post { float: left; width: 260px; margin-right: 75px; }
		.small-post img { border: 1px solid #ccc; padding: 3px; margin-bottom: 10px; }
	.last { margin-right: 0; }
	#feature ul { margin-top: -11px; }
	
#footer { color: #666; font-size: 11px; margin: 20px 0 20px 10px; }

.post-info { font-size: 12px; color: #999; }
.read-more { background: url(../images/link.gif) no-repeat center left; padding-left: 13px; font-size: 10px; }
.break { border-top: 1px solid #ccc; margin: 30px 0; display: block; }
	.no-border { border: 0; }
.space { margin-bottom: 20px; }


#nav { background:#000 ; margin:0px auto; width:980px; padding:0px; z-index:9999; font-size:11px; }
#nav a[title=sub] { font-weight:bold; z-index:9999; }
#nav:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:visible; z-index:9999; }
#nav ul { margin:0px; padding:0px; list-style:none; z-index:9999; }
#nav ul li { margin:0px; padding:15px 0px; list-style:none; float:left; z-index:9999; }
#nav ul li a { padding:10px; margin:0px; color:#FFF; text-decoration:none; z-index:9999; }
#nav ul li a:hover { background:#C10909; color:#FFF; text-decoration:none; z-index:9999; }

/* 1ST LEVEL DROP-DOWN MENU */
#nav ul li ul { display:none; z-index:9999; }
#nav ul li:hover > ul { display:block; position:absolute; top:169px;  z-index:9999;}
#nav ul li:hover > ul li{ margin:0px; padding:0px 0px; float:none; list-style:none; width:15em; position:relative;  z-index:9999;  }
#nav ul li:hover > ul li a { display:block; background:#000; z-index:9999; }
#nav ul li:hover > ul li a:hover { background:#C10909;  z-index:9999;}

/* 2ND LEVEL DROP-DOWN MENU */
#nav ul li > ul li ul { display:none; }
#nav ul li > ul li:hover > ul { display:block; position:absolute; top:0px; left:100%; }
#nav ul li > ul li:hover ul li { list-style:none; float:none; margin-left:0px; padding:0px;  }
#nav ul li > ul li:hover ul li a { display:block; background:#000; }
#nav ul li > ul li:hover ul li a:hover { background:#C10909; }

/* 3RD LEVEL DROP-DOWN MENU */
#nav ul li > ul li ul li > ul { display:none; }
#nav ul li > ul li ul li:hover > ul { display:block; position:absolute; top:0px; left:100%; }
#nav ul li > ul li ul li:hover > ul li { list-style:none; float:none; margin-left:0px; padding:0px; }


#content2 {
float: right; 
width: 960px; 
margin:0px 0 0px 0; 
padding:5px 0px 5px 20px;
background-color: #fff;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

.login
{ 
	background:#C10909; 
	width:100px; 
	height:22px; 
	text-align:center; 
	line-height:15px; 
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
   color:white; 
   font-size:14px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
   cursor: pointer;
   -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
   -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}

.login3
{ 
	background:#C10909; 
	
	
	text-align:center; 
	
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
   color:white; 
   font-size:14px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
 
  border:0;
   
}
.login:hover
{ 
	background:darkgray; 
	width:100px; 
	height:22px; 
	text-align:center; 
	line-height:15px; 
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
   color:red; 
   font-size:14px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
   cursor: pointer;
   -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
   -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}

.login2
{ 
	background:#C10909; 
	width:210px; 
	height:22px; 
	text-align:center; 
	line-height:15px; 
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
   color:white; 
   font-size:14px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
   cursor: pointer;
   -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
   -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}

.login2:hover
{ 
	background:darkgray; 
	width:210px; 
	height:22px; 
	text-align:center; 
	line-height:15px; 
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
   color:red; 
   font-size:14px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
   cursor: pointer;
   -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
   -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}

.login4
{ 
	background:#C10909; 
	width:120px; 
	height:22px; 
	text-align:center; 
	line-height:15px; 
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
   color:white; 
   font-size:14px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
   cursor: pointer;
   -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
   -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.labelfonts
{
color:Black;
font-size: 12px;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
.labelfonts1
{
color:gray;
font-size: 12px;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}

#divwidth
{
width: 180px !important;
min-height: 200px !important;
overflow:auto;  
z-index:999;
background:white;
border:1px solid Black;
}

#divwidth2
{
width: 180px !important;
min-height: 200px !important;
overflow:hidden;  
z-index:999;
background:white;
border:1px solid Black;
}


/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	z-index:10000;
}

/*AutoComplete flyout */
.autocomplete_completionListElement 
{  
   white-space:nowrap;
	margin : 0px !important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
   max-height: 300px;
   text-align : left;
   list-style : none; 
   min-height:100px;
   z-index:10001;
}

/* AutoComplete item */
.autocomplete_listItem 
{
	background-color : #fff;
	color : windowtext;
	padding : 1px;
	z-index:10002;
}

.FieldValidator
{
   padding-left: 5px;
   font-size:16px;
   font-weight:bold;
   width:5px;
}

.FieldValidatorSummary
{
   font-size:12px;
   font-weight:bold;
}

.EntryLabelCaption
{
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif; 
	text-transform : uppercase;
	color: White;
	font-weight:bold;
	font-size: 12px;
}
.EntryLabel
{
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif; 
	text-transform : uppercase;
	font-weight:bold;
	color:Black;
	font-size: 12px;
}

.EntryLabelNoCapital
{
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-weight:bold;
	color:Black;
	font-size: 12px;
}
.EntrySelection
{
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif; 
	color:Black;
	font-size: 12px;
}

.EntrySelection1
{
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif; 
	color:Black;
	font-size: 12px;
	width:130px;
}

.Button50
{
	background:#C10909; 
	width:45px; 
	height:15px; 
	text-align:center; 
	line-height:10px; 
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
   color:white; 
   font-size:10px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
   -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
   -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}

.Button50:hover
{
	background:darkgray; 
	width:45px; 
	height:15px; 
	text-align:center; 
	line-height:10px; 
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
   color:red; 
   font-size:10px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
   -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
   -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.Button80
{
	background:#C10909; 
	width:75px; 
	height:15px; 
	text-align:center; 
	line-height:10px; 
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
   color:white; 
   font-size:10px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
   -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
   -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.Button80:hover
{
	background:darkgray; 
	width:75px; 
	height:15px; 
	text-align:center; 
	line-height:10px; 
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
   color:red; 
   font-size:10px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
   -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
   -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.SmallGridHeader
{
	background:#C10909; 
	text-align:center; 
   color:white; 
   font-size:11px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
}

.SmallGridRow
{
	border:1px solid gray;
	text-align:center; 
   font-size:11px; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
}
.TopBottomSpace
{
	padding-left:10px;
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.modalBackground2
{
	background-color:Gray;    
   filter:alpha(opacity=50); 
}

.savedmessage {color:black; font-size:14px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;}

.StudentSavetext
{
color:Black;
font-size: 14px;
padding-left:3px;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}  


.smspadding{padding-left:7px;}

.givepadding { padding-left:50px;}

.AjandaCell
{
	padding-left:10px;
	padding-top:10px !important;
	padding-bottom:10px !important;
}


.AjandaTable
{
	border:2px solid #C10909; width:900px;
}

.AjandaDateLabel
{
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:medium; font-weight:bold;
}

.AjandaCell a:Visited
{
	padding-left:10px;
	padding-top:10px !important;
	padding-bottom:10px !important;
	text-decoration:none;
	color:Blue;
}

.AjandaCell a:Link
{
	text-decoration:underline;
	color:Blue;
}

.AjandaCell a:Hover
{
	text-decoration:underline;
	color:Red;
}

.ButtonPaging
{
	background:Black;/*#C10909; */
	width:45px; 
	height:20px;
	text-align:center; 

   color:white; 
   font-size:11px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
}

.LabelPaging
{
	width:45px; 
	height:20px;
	text-align:center; 
   color:white; 
   font-size:11px; 
   font-weight:bold; 
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
   border:0;
}


.LabelCell
{
    width: 250px;
}

.DateSelectorCell
{
    width: 200px;
}

.MutliDateControlCell
{
    width: 450px;
}

.MultiLine_LabelCell
{
    width: 150px;
}

.MultiLine_TextBoxCell
{
    width: 300px;
}

.separator {
	font-family:Verdana;
	font-size:12px;
	font-weight:normal;
	color: Black;
	text-indent:0px;
	border-Bottom: dotted 2px;
	Border-color:Black;
	padding:10px 2px 2px 8px ;
	line-height:9px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	
	width: 95%;
	
}

.GridLink, .GridLink a:Link, .GridLink a:Visited
{
	color : Blue;
	text-decoration: underline;
}

.GridLink a:Hover
{
	color : Red;
}