/** 
* Tyclipso Kundencenter - Setup CSS *
* @author Enrico Tusche
* @version 2.0 
* @see http://www.tyclipso.net/
*/

#cptop {width: 800px; padding: 0}

.cpbox {-moz-box-sizing: border-box;
-moz-transition: background-color 0.3s ease 0s;
background-color: #eee;
border: 1px solid #bbb;
border-radius: 2px 2px 2px 2px;
box-shadow: 1px 1px 1px #ddd inset, 1px 1px 0 #fff;
color: rgba(0, 0, 0, 0.62);
font: 14px 'Neo Sans W01',Arial,Helvetica,sans-serif;
outline: medium none;
padding: 12px;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
width: 375px;
min-height: 100px
}

#cpleft {float: left;}
#cpleft .cpbox {margin: 0 15px 15px 0;}
#cpright .cpbox  {float: left; margin: 0 0 15px 0;}

.cpbox div.mytyFormBox {clear: both;margin-bottom: 5px;overflow: hidden;width: 245px;}

ul#cptopnav {width: 770px; padding: 0 15px; list-style: none; float: left; margin: 0; border-top: 1px solid #669100; border-bottom: 1px solid #95c91a;
background: #95c91a; /* Old browsers */
background: -moz-linear-gradient(top, #95c91a 0%, #669100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95c91a), color-stop(100%,#669100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #95c91a 0%,#669100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #95c91a 0%,#669100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #95c91a 0%,#669100 100%); /* IE10+ */
background: linear-gradient(top, #95c91a 0%,#669100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c91a', endColorstr='#669100',GradientType=0 ); /* IE6-9 */}
	#cptopnav li {float: left;background-image: none; padding: 0 }
		#cptopnav li a {display: block; padding: 12px 10px 11px; color: #fff; border-right: 1px solid #669100}
			#cptopnav li.first a {border-left: 1px solid #669100}
			#cptopnav li.first a:hover {border-left: 1px solid #669100}
		#cptopnav li a:hover {padding: 13px 10px 10px; border-right: 1px solid #95c91a;
			background: #669100; /* Old browsers */
			background: -moz-linear-gradient(top, #669100 0%, #95c91a 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#669100), color-stop(100%,#95c91a)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #669100 0%,#95c91a 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #669100 0%,#95c91a 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #669100 0%,#95c91a 100%); /* IE10+ */
			background: linear-gradient(top, #669100 0%,#95c91a 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669100', endColorstr='#95c91a',GradientType=0 ); /* IE6-9 */
		}

/*
.cp_nav.act {
	-moz-animation: cssAnimation 3.0s 13 ease;
}

@-moz-keyframes cssAnimation {
from {background: #fff; }
to {background: #000; }
}
*/


/*Old Styles*/
.customer-frontend-snippet {padding:15px;width:770px;float:left}
.customer-frontend-sinppet .tysubnav {width:600px;}
.customer-data-snippet {width:600px;}

a.projectlink:link,
a.projectlink:visited,
a.projectlink:active,
a.projectlink:hover {display:block;background-color:#999;border:1px solid #666;width:170px;color:white;margin-bottom:5px;padding:5px;text-decoration:none;}

a.tasklink:link,
a.tasklink:visited,
a.tasklink:active,
a.tasklink:hover {display:block;background-color:#999;border:1px solid #666;width:518px;height:20px;line-height:20px;color:white;margin-bottom:5px;padding:2px;text-decoration:none;font-size:12px;}

.taskwindow {display:none;margin-top:20px;}
.log-table td {vertical-align:top;padding:2px 2px 10px 5px}
.task-title {font-size:14px;}
.project-title {font-size:16px;}

.align-r {text-align:right;}
.edit_user_data {font-size:9px;font-style:normal;}
.tall input {width:150px;}
.customerDataSaved {font-size:11px;font-color:#33ff33;font-style:bold;}

.log-container {margin:10px 0 0 0;max-height:400px;overflow-y:auto;overflow-x:hidden;}
.logout-div {margin-top:50px;float:right;clear:both;}
.messagingBox {clear:both;width:500px;height:200px;border: 1px solid black;	}

.project-detail-table {width:500px;}
.project-detail-table th {border-bottom:2px solid black;padding:10px 5px 10px 2px;text-align:left;}
.project-detail-table td {border-bottom:1px solid black;padding:10px 5px 10px 2px;}

#msg-sys-holder {position:relative;border:2px solid black;padding:2px;width:700px;float:left;}
#msg-menu {display:none;clear:both;border-bottom:2px solid black;margin-bottom:2px;padding:2px;width:696px;height:50px;}
#msg-tree {float:left;border-right:1px solid #666;padding:2px;width:150px;height:496px;}
#msg-tree-lo {position:absolute;top:0;left:0;background-color:#999;opacity: .5;display:none;width:155px;height:500px;}

#msg-menu .msg-button {width:100px;padding:5px 3px;background-color:#EEE;margin:10px;cursor:pointer;float:left;}
	.msg-box-button {width:140px;padding:5px 3px;background-color:#EEE;margin-bottom:5px;cursor:pointer;}
#msg-list {float:right;border-bottom:1px solid #666;padding:2px;width:535px;height:250px;overflow-y:auto;}
#msg-list-lo {position:absolute;top:0;left:160px;background-color:#999;opacity: .5;display:none;width:540px;height:255px;}
div.delete-X {font-size:16px;font-style:bold;cursor:pointer;}
#msg-list table {width:100%;}
#msg-list th {height:15px;padding:2px 5px 1px 0px;border-bottom:2px solid #666;text-align:left;}
#msg-list td {height:15px;padding:2px 5px 1px 0px;border-bottom:1px solid #ccc;cursor:pointer;white-space:nowrap;overflow:hidden;}

.msg-status-new {width:10px;height:10px;background-color:#6f6;margin:auto;}
.msg-status-old{width:10px;height:10px;background-color:#99f;margin:auto;}
.msg-status-deleted{width:10px;height:10px;background-color:#999;margin:auto;}
#msg-text {float:right;padding:10px;width:520px;height:200px;overflow-y:scroll;overflow-x:hidden;}
#msg-text-lo {position:absolute;top:260px;left:160px;background-color:#999;opacity: .5;display:none;width:545px;height:245px;}
#msg-new-holder {display:none;position:absolute;width:700px;height:600px;top:0;left:0;}
#msg-new {position:absolute;width:500px;height:200px;border:2px solid black;background-color:white;top:50px;left:50px;padding:30px;}
.close-window {position:absolute;width:20px;height:20px;border:1px solid black;text-align:center;font-style:bold;font-size:16px;top:10px;right:10px;cursor:pointer;}

.progressbar {width:150px;height:15px;color:#330000;font-style:bold;text-align:center;padding:5px;}
.progress0 {background:url("../pics/progressbar0.jpg");}
.progress20 {background:url("../pics/progressbar20.jpg");}
.progress40 {background:url("../pics/progressbar40.jpg");}
.progress60 {background:url("../pics/progressbar60.jpg");}
.progress80 {background:url("../pics/progressbar80.jpg");}
.progress100 {background:url("../pics/progressbar100.jpg");}

.milestone-checkbox {width:32px;height:32px;}
.mc-unchecked {background:url("../pics/checkbox_unchecked.png");}
.mc-checked {background:url("../pics/checkbox_checked.png");}
.customer-loginbox{height:30px;background:#000000;padding:5px 0px 5px 15px;}
.subnavbox{background-color:#ccc;padding:5px;}
.subnavbox li{padding:3px;font-size:14px;}


.cptable {border:1px solid black;width:100%;}
.cptable td, .cptable th{padding:5px 10px 5px 5px;}
.cptable th {background-color:#aaa;font-size:14px;padding:3px;}
.cptable th a:hover {color:#fff;}
.cptable .flip0 {background-color:#eee;}
.cptable .flip1 {background-color:#fff;}
.cpstats {margin-bottom:20px;}

/*
#cpbreadcrump {padding:5px 5px 5px 30px;}
#cptop {clear:both;width:600px;padding:0 0 0 30px;margin-bottom:10px;}
#cptopwelcome {width:680px;height:30pxpadding:10px;text-align:center;}
#cptopnav {width:680px;height:30pxpadding:10px;text-align:center;}
#cptopnav a {color:#666;}
#cptopnav a.act {color:#000;}
#cpleft {float:left;width:340px;}
#cpright {float:right;width:340px;}
.cpbox {width:300px;border:1px solid black;margin-bottom:20px;padding:15px;}
*/

.cpfilterbox{width:680px;height:50px;}
.cpfilterbox select{width:250px;float:right;margin-left:20px;}

.cpfilterbox div{float:right;}
.cpbox select {width:240px; padding: 5px 5px 5px 10px;}
.cpbox input {width:225px; padding: 5px 5px 5px 10px;}
.cpbox form {padding:0;}
.cpbox table {width:300px;}
.cpbox table td {padding-right:20px;white-space:nowrap;}
.cpbox .customer_data_table td {vertical-align:top;font-size:11px;padding:0px 5px 5px 0px;white-space:normal;}

.cpcontainer {border:1px solid black;padding:10px;margin-bottom:20px;}
.cpinfotable {width:650px;}
.cpinfotable td {padding:10px;border:1px solid black;width:50%;}
.pbarholder{width:102px;height:20px;border:1px solid #666;position:relative;}

.pbar{height:18px;background-color:#999;position:absolute;top:1px;left:1px;}

.pbarlabel {position:absolute;top:1px;left:1px;height:16px;width:100px;text-align:center;font-size:12px;font-style:bold;padding:2px;}
.pbc1 {background-color:#9f9;}

.pbc2 {background-color:#FFFFCC;}
.pbc3 {background-color:#FCE3B2;}
.pbc4 {background-color:#FFCDCD;}
.pbc5 {background-color:#D79B7C;}
.pbc6 {background-color:#E4BDFF;}
.task-detail-holder {border:2px solid #666;background-color:#eee;margin-bottom:40px;}