/*

 PRIMARY COLORS:
 #ecebe0 : arkaplan
 #316482 : koyu lacivert
 #adc9da : ana mavi ton
 #ff9445 : turuncu highlight rengi
 
 griler: #aaa #666 #e3e3e3 #e9e9e9
 
*/ 

/* *************
	DOM
	************ */
#site
{
	position: relative;
	width:960px;
	margin:0px auto 0px auto;
}

#bar
{
	padding-top:0px;
	margin-bottom: 0px;
}

#head{
    margin-left: -21px;
    width: 1000px;
    background-repeat: no-repeat;
}

#content{
	margin-top: 0px;
	background-color: #fff;
	min-height: 50px;
	width: 960px;
}
#content-clean{
	position: relative;
}
#content .t{
    border: 1px solid #ccc;
}
#content .b{
	/** background-image:url("../images/content-bg-bottom.png"); **/
	min-height: 500px;
}
* html #content .b
{
	padding-bottom:100px;
}

*+html #content .b
{
	padding-bottom:100px;
}

#content .c{
	padding: 10px;
	min-height: 400px;
	_height: 400px;
}



#content-header{
	border-bottom: 2px solid #aaa;
	margin-bottom: 10px;
	padding-bottom: 2px;
	height: 24px;
}
* html #content-header{
	margin-bottom: 10px;
	overflow: hidden;
}

#content-header .title{
    display: inline;
}
#content-header h2{
    font-weight: bold;
    font-size: 18px;
}
#content-header h3{
    font-size: 14px;
}
#content-header h2 strong{
}
#content-header .tip{
	display:inline;
	float: right;
	overflow: hidden;
    top: 10px;
    right: 10px;
}

*+html #content-header .tip{
    top: 10px;
}

#content-header .tip img{
	position: relative;
	top:3px;
}

#content-header .actions {
	float: right;
	margin-top: 5px;
}

#content-header .actions a{
	margin-left: 5px;
}

#teasers{
	float: left;
	width: 250px;
}

#logo-box{
    float: left; 
    padding: 6px 30px;
    position: relative;
}
#logo-box .motto{
    position: absolute;
    left: 0px;
    bottom: 0px;
}
    
    
#top-menus{
    width: 800px;
    height: 37px;
    float:right;
    margin-right:0px;
}

#top-navigation{
    text-align: right;
    padding-right: 10px;
    padding-top: 8px;
}


#user-menu{
    position: absolute;
    text-align: right;
    right: 0px;
    top: 0px;
    height: 37px;
    margin-top: 7px;
    padding-top: 0px;
    
}
#user-menu .secondary-text a{
    font-size: 11px;
}


#user-menu a{
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}

#user-menu .user-menu-seperator{
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    margin-right: 5px;
    margin-left: 10px;
}


#user-menu .create-course-button{
    float: right;
    background-image:url("../images/createacourse.png");
    text-align: right;
    width: 121px;
    height: 22px;
}

#user-menu .create-course-button:hover{
    background-position: 50% 100%;
}

#user-menu a.secondary-text{
    font-size: 10px;
    color: #aaa;
}
 
    
#user-menu label{
    color: #fff;
}




/**  USER LOGIN FORM */
#user-login-form{
    text-align: right;
    font-weight: normal;
    font-size: 12px;
    margin-top: 2px;
}

#user-login-form .user-login-form-invite{
    padding-top: 22px;
    padding-right: 50px;
}

#user-login-form .input-field{
    border: 1px;
    border-style: solid;
    border-color: #66cccc;
    color: #2e2d2e;
    font-size: 12px;
    padding: 2px;
}

#user-login-form .input-field:focus{
    border-color: #1b5891;
}

* html #user-login-form .input-button{}
#user-login-form .input-button{
    width: 54px;
    height: 22px;
    background-color: #1D61A0;
    color: #fff;
    padding:0px;
}

#user-login-form .input-button:hover{
    background-color: #267FCF;
    background-position: 50% 100%;
}
#u_search-box{
    float: right;
    position: relative;
    margin: 2px 0px 0px 8px;
}
#u_search-box #u_search-submit{
    width: 18px;
    height: 15px;
    background-color: white;
    background-image: url('../images/icons/search.png') ;
    position: absolute;
    right: 2px;
    top: 2px;
}
#u_search-box #q{
    height: 20px;
    color: #888888;
    font-size: 12px;
    font-weight: normal;
    padding: 0 24px 0 2px;
    border: none;
}