/* CSS Document */



/*

    Default Links

------------------------------------------------------ */ 

a {

 text-decoration:   none;

 color:             #888;

 text-decoration:   none;

 background-color:  transparent;

}

  

a:visited {

 color:             #888;

 text-decoration:   none;

 background-color:  transparent;

}



a:hover {

 color:             #000;

 text-decoration:   underline;

 background-color:  transparent;

}





/*

    Basic stuff

------------------------------------------------------ */ 



/*

    Basic stuff

------------------------------------------------------ */ 



p {

 background:		transparent;

 font-size:         12px;

 color:             #111;

 margin:			4px 0 8px 0;

}



.default, .defaultBold, .defaultRight, .defaultCenter {

 background:		transparent;

 font-size:         11px;

 color:             #777;

}



.defaultBold {

 font-weight: bold;

}



.defaultRight {

 text-align: right;

}



.defaultCenter {

text-align: center;

}



.lighttext {

 font-size:         10px;

 color:             #73769D;

 padding:           4px 0 2px 0;

 background-color:  transparent;  

}



.success {

 font-size:			11px;

 color:				#009933;

 font-weight:		bold;

 padding:			3px 0 3px 0;

 background-color:	transparent; 

}



/*

    Page Header 

------------------------------------------------------ */ 



.heading {  

 font-family:		Georgia, Times New Roman, Times, Serif, Arial;

 font-size: 		16px;

 font-weight:		bold;

 letter-spacing:	.05em;

 color:				#fff;

 margin: 			0;

 padding:			0 0 0 28px;

}





/*

    Sub-header Bar

    Contains the breadcrumb links

------------------------------------------------------ */ 



/* See member_layout.css */



/*

    Misc. Formatting Items

------------------------------------------------------ */ 



.spacer {

 margin-bottom:     12px;

}



.itempad {

padding: 2px 0 2px 0;

}



.itempadbig {

padding: 5px 0 5px 0;

}



.bottompad {

padding: 0 0 2px 0;

}

.marginpad {

 margin: 12px 0 10px 3px;

 background: transparent;

}



.leftpad {

padding: 0 0 0 4px;

}



/*

    Member Profile Page

------------------------------------------------------ */ 



.profileHeadingBG {

 background: 		#6C73B4 url({path:image_url}bg_profile_heading.jpg) repeat-x left top;

 color:             #fff;

 padding:           6px 6px 6px 6px;

 border-bottom:     #888 1px solid;

}



.profileAlertHeadingBG {

 background:		#6e0001;

 color:				#fff;

 padding:			6px 6px 6px 6px;

 border-bottom:		#888 1px solid;

}



.profileTopBox {

 background:	#fff;

 margin:		0;

 padding:		7px 5px 5px 5px;

}



.profileTitle {

 font-size:			16px;

 color:				#000;

 padding: 			3px 5px 3px 0;

 margin:			0;

 background-color: transparent;  

}



.profilePhoto {

 background:		#fff;

 border-left:       1px solid #888;

 padding:			1px;

 margin-top:        1px;

 margin-bottom:     3px;

}



.avatar {

 background:	transparent;

 margin:		3px 14px 0 3px;

}



.photo {

 background:	transparent;

 margin:		6px 14px 0 3px;

}



.profileItem {

 background:		transparent;

 font-size:         11px;

 color:             #38394B;

 margin: 			2px 0 2px 0;

 background-color: transparent;  

}



.profileHead {

 font-size:			11px;

 color:				#fff;

 padding:			3px 4px 3px 10px;

 background-color:	#8C8786;  

 border-top:		1px solid #fff;

 border-bottom:		1px solid #fff;

 margin:			0 0 0 0;

}



.menuHeadingBG {
 background: 		#74779D;
 color:             #fff;
 padding:           6px 6px 6px 6px;
 border-bottom:     #4B5388 1px solid;
}



.profileMenu {

 background: 		#fff;

 border:            1px solid #888;

 padding:			1px;

 margin-top:        1px;

 margin-bottom:     3px;

}



.profileMenuInner {

 padding-left:		10px;

 padding-right:		8px;

 margin-bottom:		4px;

 margin-top:		4px;

}



.menuItem {

 font-size:			11px;

 padding:			3px 0 3px 0;

 background-color:	transparent;  

}



.borderTopBot {

 border-top:	1px solid #888;

 border-bottom:	1px solid #888;

}



.borderTopBot a {

 text-decoration:   none;

 color:             #fff;

 text-decoration:   none;

 background-color:  transparent;

}

  

.borderTopBot a:visited {

 color:             #fff;

 text-decoration:   none;

 background-color:  transparent;

}



.borderTopBot a:hover {

 color:             #000;

 text-decoration:   underline;

 background-color:  transparent;

}



.borderBot {

 border-bottom:	1px solid #888;

}



.altLinks { 

 color:             #fff;

 background:        transparent;

 font-size:         11px;

}



.altLinks a:link { 

 color:             #fff;

 background:        none;

 text-decoration:   underline;

}



.altLinks a:visited { 

 color:             #fff;

 background:        transparent;

 text-decoration:   none;

}



.altLinks a:hover { 

 color:             #B8BDED;    

 background:        transparent;

 text-decoration:   underline;

}



.memberlistRowOne {

 background: #eee;

 font-size:         11px;

 padding:           3px 6px 3px 6px;

 border-top:        1px solid #fff;

 border-bottom:     1px solid #888;

 border-left:       1px solid #888;

 border-right:      1px solid #fff;

}



.memberlistRowTwo {

 background: #fff;

 font-size:         11px;

 color:             #38394B;

 padding:           3px 6px 3px 6px;

 border-top:        1px solid #fff;

 border-bottom:     1px solid #888;

 border-left:       1px solid #888;

 border-right:      1px solid #fff;

}



.memberlistHead {

 font-size: 		11px;

 font-weight: 		bold; 

 background: 		#8C8786;

 color:             #fff;

 border-bottom:     #888 1px solid;

 padding: 			8px 0 8px 8px;

}



.memberlistFooter {

 font-size:         11px;

 padding:           6px 10px 6px 6px;

 border-top:        1px solid #fff;

 border-bottom:     1px solid #888;

 border-right:      1px solid #fff;

 background-color:  #eee;  

}



.innerShade {

 background-color:	#DDE1E7;

 border:      	 	1px solid #74779D;

 margin:			0;

 padding:			10px;

}



/*

    Table Formatting

------------------------------------------------------ */ 



.tablePad {

 padding:  0 2px 4px 2px;

}



.tableborder {

 border:            1px solid #888;

 padding:			1px;

 margin-top:        1px;

 margin-bottom:     3px;

}



.tableBorderTopRight {

 border-top:     	1px solid #888;

 border-right:     	1px solid #888;

 padding:			0;

 margin-top:        1px;

 margin-bottom:     3px;

}



.tableBorderRight {

 border-right:      1px solid #888;

 padding:			0;

 margin-top:        1px;

 margin-bottom:     3px;

}



.tableBG {

 background-color: #fff;

}

.tableHeadingBG {

 background: 		#8C8786 url(../assets/bg/member_table_heading.jpg) repeat-x left bottom;

 color:             #fff;

 padding:           6px 6px 6px 6px;

 border-bottom:     1px solid #fff;

}



.tableHeading {
 font-size:         12px;
 color:             #fff;
 padding:           0;
 margin:			0;
 background-color:  transparent; 
 white-space: 		nowrap;
}



.tableRowHeading, .tableRowHeadingBold {

 background: #C9CAE2 url({path:image_url}bg_table_row_heading.jpg) repeat-x left top;

 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;

 font-size:         11px;

 color:             #404055;

 padding:           8px 10px 8px 6px;

 border-top:        1px solid #A7A9C7;

 border-bottom:     1px solid #A7A9C7;

 border-left:       1px solid #A7A9C7;

 border-right:      1px solid #fff;

}

.tableRowHeadingBold {

font-weight: normal;

}

.tableCellOne {
 background: #FBFBFD;
 font-size:         11px;
 color:             #111;
 padding:           3px 6px 3px 6px;
 border-top:        1px solid #fff;
 border-bottom:     1px solid #888;
 border-left:       1px solid #fff;
 border-right:      1px solid #888;
}
.tableCellTwo {
 background: #F0F0F0;
 font-size:         11px;
 color:             #111;
 padding:           3px 6px 3px 6px;
 border-top:        1px solid #fff;
 border-bottom:     1px solid #888;
 border-left:       1px solid #fff;
 border-right:      1px solid #888;
}



/*

    Pagination Links

------------------------------------------------------ */ 

.paginateBorder {

 background-color:  transparent;

 border-top:        1px solid #7B81A9;

 border-right:      1px solid #7B81A9;

 border-bottom:     1px solid #7B81A9;

 }

 

.paginate {

 background: 		#FBFBFC url({path:image_url}bg_table_td_one.jpg) repeat-x left top;

 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;

 font-size:         11px;

 color:             #000;

 border-right:      1px solid #fff;

 border-left:      	1px solid #7B81A9;

 padding:           2px 4px 2px 4px;

 margin:		 	0;

 }

.paginateStat {

 background: 		#74779D;

 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;

 font-size:         11px;

 color:             #fff;

 border-left:      	1px solid #7B81A9;

 padding:           2px 10px 2px 10px;

 margin:			0;

 white-space: 		nowrap; 

 }

.paginateCur {

 background: 		#FBFBFC url({path:image_url}bg_table_td_one.jpg) repeat-x left top;

 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;

 font-size:         11px;

 color:             #ccc;

 border-left:      	1px solid #7B81A9;

 padding:           2px 6px 2px 6px;

 margin:			0;

 }

 

.paginate a:link {

 text-decoration:   none;

 color:             #330099;

 text-decoration:   none;

 background-color:  transparent;

}

  

.paginatea:visited {

 color:             #330099;

 text-decoration:   none;

 background-color:  transparent;

}



.paginate a:hover {

 color:             #A0A4C1;

 text-decoration:   none;

 background-color:  transparent;

}



/*



    Form Field Formatting

------------------------------------------------------ */ 

form {

 margin:            0;

 padding:           0;

 border:            0;

}

.hidden {

 margin:            0;

 padding:           0;

 border:            0;

}

.input {

/* border-top:        2px solid #979AC2;

 border-left:       2px solid #979AC2;

 border-bottom:     1px solid #979AC2;

 border-right:      1px solid #979AC2;*/

 font-size:         11px;

 height:            1.5em;

 padding:           0;

 margin:        	0;

} 



.textarea {

/* border-top:        2px solid #979AC2;

 border-left:       2px solid #979AC2;

 border-bottom:     1px solid #979AC2;

 border-right:      1px solid #979AC2;*/

 font-size:         11px;

 padding:           0;

 margin:        	0;

}



.select {

 background-color:  #fff;

 font-size:         11px;

 font-weight:       normal;

 letter-spacing:    .1em;

 margin-top:        2px;

 margin-bottom:     2px;

} 



.multiselect {

 /*border-top:        2px solid #979AC2;

 border-left:       2px solid #979AC2;

 border-bottom:     1px solid #979AC2;

 border-right:      1px solid #979AC2;*/

 background-color:  #fff;

 font-size:         11px;

 margin-top:        2px;

 margin-top:        2px;

} 



.radio {

 background-color:  transparent;

 margin-top:        4px;

 margin-bottom:     4px;

 padding:           0;

 border:            0;

}



.checkbox {

 background-color:  transparent;

 padding:           0;

 border:            0;

}



/*

    Error messages

------------------------------------------------------ */ 



.errorHeading {

 background: 		#660000;

 color:             #fff;

 padding:           6px 6px 6px 6px;

 border-bottom:     1px solid #fff;

 font-size:         12px;

 letter-spacing:    .1em;

 font-weight:		bold;

}



.errorMessage {

 font-size:         11px;

 color:             #990000;

 padding:           10px 0 10px 0;

}



.errorBox {

 background:		#f9f9f9;

 font-size:         11px;

 color:             #990000;

 padding:           10px;

 margin:			0 0 12px 0;

 border:       		1px solid #990000;

}



.alert {

 font-size:         11px;

 color:             #990000;

 font-weight:		bold;

}



.highlight {

 color:             #990000;

}



/*

    Formatting Buttons

------------------------------------------------------ */ 



.buttonMode {

 font-family:       Arial, Sans-serif;

 font-size:         10px;

 color:             #555;

 background-color:  transparent; 

 white-space: 		nowrap;

}



.htmlButtonOuter, .htmlButtonOuterL {

 background-color:  #f6f6f6;  

 padding:           0;

 border-top:        #333 1px solid;

 border-right:      #333 1px solid;

 border-bottom:     #333 1px solid;

}



.htmlButtonOuterL  {

 border-left:       #333 1px solid;

}



.htmlButtonInner {

 background-color:  transparent; 

 text-align:		center;

 padding:			0 3px 0 3px;

 border-left:       #fff 1px solid;

 border-top:        #fff 1px solid;

 border-right:      #ccc 1px solid;

 border-bottom:     #ccc 1px solid;

}



.htmlButtonOff {

 font-size:         11px;

 font-weight:       bold;

 padding:           1px 2px 2px 2px;

 white-space:       nowrap;

}



.htmlButtonOff a:link { 

 color:             #000;

 text-decoration:   none;

 white-space:       nowrap;

}



.htmlButtonOff  a:visited { 

 text-decoration:   none;

}



.htmlButtonOff a:active { 

 text-decoration:   none;

 color:             #999;

}



.htmlButtonOff a:hover { 

 text-decoration:   none;

 color:             #999;

}



.htmlButtonOn {

 font-size:         11px;

 font-weight:       bold;

 background:        #f6f6f6;

 padding:           1px 2px 2px 2px;

 white-space:       nowrap;

}



.htmlButtonOn a:link { 

 color:             #990000;

 text-decoration:   none;

 white-space:       nowrap;

}  



.htmlButtonOn  a:visited { 

 text-decoration:   none;

} 



.htmlButtonOn a:active { 

 text-decoration:   none;

 color:             #999;

}



.htmlButtonOn a:hover { 

 color:             #999;

 text-decoration:   none;

}



/*

    SPELL CHECK CSS

--------------------------------------------------------------- */



.iframe {border:1px solid #6666CC;}



.wordSuggestion {

	background-color: #f4f4f4; 

	border: 1px solid #ccc; 

	padding: 4px; 

}



.wordSuggestion a, .wordSuggestion a:active {

	cursor: pointer;

}



.spellchecked_word {

	cursor: pointer;

	background-color: #fff;

	border-bottom: 1px dashed #ff0000;

}



.spellchecked_word_selected {

	cursor: pointer;

	background-color: #ADFF98;

}

/*
    Special formatting for quotes, <code>, <pre> etc..
------------------------------------------------------ */ 

code {
  white-space: normal;
 }

 pre {
 background: 		#EFEFF4;
 border:			1px solid #B2B3CE;
 font-size:         11px;
 color:             #777;
 margin:			8px 2px 10px 6px;
 padding:			10px 10px 10px 6px;
 white-space: 		normal;
}

.codeblock {
 background: 		#EFEFF4;
 border-left:		1px solid #B2B3CE;
 border-top:		1px solid #B2B3CE;
 border-bottom:		1px solid #B2B3CE;
 border-right:		1px solid #B2B3CE;
 font-size:         11px;
 color:             #777;
 margin:			8px 4px 10px 3px;
 padding:			10px 10px 10px 6px;
}

blockquote {
 background: 		#EFEFF4;
 border-left:		4px solid #6363A0;
 border-top:		1px solid #B2B3CE;
 border-bottom:		1px solid #B2B3CE;
 border-right:		1px solid #B2B3CE;
 font-size:         11px;
 color:             #777;
 margin:			8px 2px 10px 6px;
 padding:			5px 10px 10px 6px;
}

.quote_author {
 font-size:         10px;
 font-weight:		bold;
 color:             #38394B;
 margin:			0 0 4px 0;
 background-color:  transparent;
}