html * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

/* GENERAL */

/**/
a  img
{
    border:none;
    border-style: none;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
a.tooltip
{
    overflow:visible;
    z-index:100;
}
a:hover
{
    background-color:transparent;
    text-decoration:none;
}
.expand img
{
    width:25px;
    height:20px;
}
/**/

.border {
    border: 1px solid silver;
}

.quote {
    background-image: url("/collaboration/images/icons/quote.gif");
    background-repeat: no-repeat;
    padding: 1em;
    padding-left: 3em;
    font-weight: bold;
}

.notesShower
{
    width: 780px;
    height: 550px;
}

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

.highlight {
    font-weight: bold;
    border-bottom: 1px solid gray;
}

.footer {
    border-top: 1px silver dotted;
    color: gray;
    font-size: 1em;
    margin-top: 1em;
    font-weight: bold;
    padding-top: 1em;
    text-align:center;
}

.step
{
    margin: 2px;
}

a {
    color: navy;
    text-decoration: underline;
}

body {
	padding: 1em;
	margin: 1em;
    background: #fff;
    color: #333;
}

.pad {
    padding: .5em;
}

.templateList
{
    vertical-align: middle;
    text-align: left;
}
.Bold
{
    font-weight: bold;
}
.notBold
{
    font-weight: normal;
}

#homeImage
{
    width: 30px;
    vertical-align: top;
}

#homeUser
{
    width: 150px;
    vertical-align: middle;
}

#homeDescription
{
    width: auto;
    vertical-align: middle;
}

#homeDate
{
    width: 120px;
    vertical-align: middle;
}

.template-title
{
    vertical-align: middle;
    text-align: center;
}

.muted {
    color: gray;
    font-size: .9em;
}

a:hover {
	color: #666;
	text-decoration: none;
}

a > p
{
    text-decoration: underline;
}

ul {
    padding-left: 15px;	
}

input, select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    margin: 2px 0;
    padding: 2px 4px;
}
select {
   padding: 2px 2px 2px 0;
}
textarea {
	width: 250px;
	height: 150px;
	vertical-align: top;
}


.reportHead
{
    background: #4f81bd;
    color: white;
    font-weight: bold;
}

.reportPart
{
    background: silver;
    color: white;
    font-weight: bold;
}


input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

.body {
    float: left;
    margin: 10px 15px 10px 15px;
    padding: 2em;
    
}

/* NAVIGATION MENU */

.nav {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: solid none solid none;	
    margin-top: 5px;
    padding: 7px 12px;
}

#main_content {
	padding-top: 1em;
}

.mainHeading {
	font-size: 2.5em;
	font-weight: bold;	
}

.menuButton {
    font-size: 10px;
    padding: 0 5px;
}
.menuButton a {
    color: #333;
    padding: 4px 6px;
}
.menuButton a.home {
    background: url(../images/skin/house.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.list {
    background: url(../images/skin/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.create {
    background: url(../images/skin/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.delete {
    background: url(../images/skin/database_delete.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.refresh {
    background: url(../images/tree/menu/loading.gif) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.exportPDF {
    background: url(../images/exportPDF.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.link-back {
    background: url(../images/icons/back.gif) center left no-repeat;
    color: #333;
    padding-left: 25px;
}


/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

.blueBack {
    background: #f3f8fc;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: .5em;
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;	
}

.superLink {
    color: white;
    background-color: #036;
    margin: .5em;
    padding: .5em;
    font-size: 2em;
    font-weight: bold;
}

div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
        padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

/* TABLES */

table {
    width: 100%
}
tr {
    border: 0;
}
td, th { 
    padding: 5px 6px;
    text-align: left;
    vertical-align: top;
}
th {
    background: #fff url(../images/skin/shadow.jpg);
    color: #666;
    font-weight: bold;
    padding: 2px 6px;
}
th a:link, th a:visited, th a:hover {
    color: #333;
    display: block;
    text-decoration: none;
    width: 100%;
}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    background-image: url(../images/skin/sorted_asc.gif);
}
th.desc a {
    background-image: url(../images/skin/sorted_desc.gif);
}
.odd td{
    overflow: hidden;
}
.even td{
    overflow: hidden;
}

.odd {
    /*background: #f7f7f7;*/
    background: #dce6f2;
    overflow: hidden;
    width: 100%;
}
.even {
    background: #fff;
    overflow: hidden;
    width: 100%;
}

/* LIST */

.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

.divider
{
    clear: both;
}

.discussionNW3-body
{
    height:100px;
}
.discussionNW3-top-menu-table
{
    width: auto; 
    margin: 0;
    padding:0;
}


.discussionNW3-top-menu-table > caption
{
    margin-bottom: 0px;
    font-weight: normal;
    text-align: left;
}

.discussionNW3-top-menu-table td
{
    padding: 0;
    vertical-align: middle;
}

.file-details-caption
{
    background: #D9D9D9;
    padding: 5px;
    border: 1px solid silver;
}

.file-details-content
{
    /*padding: 5px;*/
}

#discussion_container
{
    /*padding: 5px;*/
}

.classdiscissionDiv1
{
    display: block;
    color: gray;
    border-bottom: 1px dotted silver;
    padding-bottom: .2em;
    padding-top: .2em;
    font-size: .9em;
}

.classdiscissionDiv2
{
    float: right;
}

.delete-discussion-form
{
    width: 100px;
    float: right;
}

.del-discussion-btn
{
    border: 0;
    text-decoration: underline;
    cursor: pointer;
    height:16px;
    margin:0;
    padding:0;
}


.part-edit-label
{
    float:left;
    text-align:right;
    width:85px;
    padding-right: 10px;
}

#part-name-input,
#part-descr-input,
#part-locat-input
{
    width: 290px;
}

.menuButton > a
{
    text-decoration: none;
}

#discussions
{
    margin-left: 10px;
    padding: 0px;
    /*width: 100%;*/
}

.discussionNW3-main-content-table
{
    width: 100%;
    margin-top: 10px; 
    padding:0;
}

.components-contents
{
    display:none;
    margin-top: 5px;
}

.last-navmenu-item,
#navcontainer .last-navmenu-item,
#discussionsNavigateMenu .last-navmenu-item
{
    border-right: 0px solid #fff;
}

.discussionNW3-main-content-table-left
{
    padding: 0;
    vertical-align: top;
    width: 260px;
}

.discussionNW3-main-content-table-right
{
    padding: 0; vertical-align: top; text-align: left;
}

.discussionNW3-reply_form
{
    padding: .5em;
}

.attachment-popup-div
{
    padding: 10px;
}

.table0
{
    width: auto;
    margin: 0;
    padding:0;
}

#reply_form
{

}

#discussionsNavigate
{
    border: 0px;
    border-bottom: 1px solid silver;
}

.typeSetItem1
{
    border: 1px solid silver;
    border-bottom: 0px;
}

.typeSetItem2
{
    background: white;
    padding: 5px;
    font-weight: bold; 
    text-decoration: none;
    color: navy;
}

#participants
{
    overflow: auto;
    margin-left: 5px;
    padding: 5px;
    width: auto;
    height: 130px;
    text-align: right;
}

#related
{
    overflow: auto;
    margin-left: 5px;
    padding: 5px;
    width: auto;
    height: 130px;
    text-align: right;
}

#fileRep
{
    height: 130px;
    padding: 5px;
}

#fileRep td
{
    padding: 2px 6px;
}

.notes
{
    overflow: hidden;
    height: 48px;
}

.discussionNW3-show-discussion-back
{
    border: 1px solid #99a;
    text-decoration: none;
    font-weight: bold;
    background-color: #77e;
    color: white;
    width: 140px;
    text-align: center;
}

.discussionNW3-show-hide
{
    color: blue;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.CollapsiblePanel2
{
    background-color: #dddddd;
    height: 20px;
    vertical-align: middle;
    padding-left: 1em;
}

.centered
{
    text-align: center;
}


/* PAGINATION */

.paginateButtons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: .8em;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}

/* ACTION BUTTONS */

.buttons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons input.delete {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.cancel {
    background: transparent url(../images/dashboard/2.png) 5px 10% no-repeat;
    padding-left: 28px;
}

#navcontainer{
	padding-top: 0.5em;
	padding-bottom: .5em;
}
#discussionsNavigateMenu {
	padding-top: 0.2em;
	padding-bottom: .2em;
        height: 24px;
}
#navcontainer table,
#discussionsNavigateMenu{
	background-color: #036;
}
#navcontainer ul,
#discussionsNavigateMenu ul
{
padding-left: 0;
margin-left: 0;
color: White;
float: left;
width: 100%;
font-size: 1em;
margin: 0;
}

h1 {
    padding-top: .5em;
}
#navcontainer ul li,
#discussionsNavigateMenu ul li 
{ display: inline; }

#navcontainer ul li a,
#discussionsNavigateMenu ul li a
{
padding: 0em 1em;
background-color: #036;
color: White;
font-weight: bold;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover,
#discussionsNavigateMenu ul li a:hover
{
background-color: #369;
color: #fff;
}
.gspacer{
	background: transparent url(../images/gline.png) repeat-x;
	 
}
.info_shad{
	color: #aaa;
	font-weight: bold;
	margin-bottom:.5em;
}
.userInfoControll{
	white-space: nowrap;
	table-layout:auto;	
}
.userInfoControll td{
	padding: 0;
	font-weight: bold;
    text-align: left;
    vertical-align: middle;
}
.userInfoControll a{
	text-decoration: none;
}

.img-div
{
    float: left;
    /*margin: 1px;
    /margin-left: 5px;*/
    padding: 3px;
    /*border: 1px solid silver;*/
}

.attachment-title
{
    font-size: 10px;
    width: 60px;
    padding: 3px;
    overflow: hidden;
    margin-bottom: 2px;
}
.colapseMenuCtrl{
	background-color: #d9d9d9;
}

.paddedContainer{
	padding: 5px 5px 5px 5px;
}
.transparent_class, 
.popup_shadow_class {
	filter:alpha(opacity=50); -moz-opacity:0.5;	-khtml-opacity: 0.5;opacity: 0.5;
	background-color: #cccccc;
}

.popupWindowClass
{
	border: 4px solid #333;  
	background-color: #aeaeae;
}
.popupWindowTitleClass{
	height: 20px; border-bottom: 1px solid #aaa; display: block; background: #ccc url(../images/header_bg.gif) bottom repeat-x;
}
.popupWindowTitleTextClass{
	font-weight: bold;
}
.popupWindowBodyClass{ overflow: auto; }
.non_transparent_class {
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;opacity: 0;
	
}
.user-info-description{
overflow:auto;
height:100px;
width:280px;
white-space:normal;
}
#info-table td{
padding:1px 0 0 6px;
}
#info-table{
border:solid 1px silver;
}
.vuuch-button-style
{
    padding: 3px 5px;
	margin-left: 5px;
	text-decoration: none;
	cursor: pointer;
	width: 140px;
	text-align: center;
	
    border: 1px solid grey;
    background-color: silver; 
    color: black;  
    margin-top: 2px;       
}
input.white-buttons{
	background-color: silver;
    border: 1px solid grey;
    margin: 2px 0;
    padding: 2px 4px;
	cursor: pointer;
}
#link-to-invite a:hover{
background-color: silver;
color: black;  
}

#link-to-invite a{
width:240px; 
}
.desc-textares {
border:none;
height:100px;
width:285px;
margin: 0;
padding: 0;
background:white;
overflow:auto;
}
