/**
 * WebParts.
 * Common Style.
 */
/**
 * SharePoint renders WebParts as tables:
 *  
 *     <table cellspacing="0" cellpadding="0" border="0" width="100%">
 *         <tbody> 
 *             <tr>
 *                 <td id="...." class="s4-wpcell-plain">
 *                     <table class="s4-wpTopTable" cellspacing="0" cellpadding="0" border="0" width="100%">
 *                         <tbody>
 *
 *                             <!-- this is the header html code. -->
 *                             <tr>
 *                                 <td>
 *                                     <table cellspacing="0" cellpadding="0" border="0" width="100%">
 *                                         <tbody>
 *                      
 *                                             <!-- specific header code. -->
 *                                             <tr class="ms-WPHeader">
 * 
 *                                                 <!-- space between the left side of the webpart and the title area. -->
 *                                                 <td class="ms-wpTdSpace" align="left">&nbsp</td>   
 *
 *                                                 <!-- title area for the webpart. -->
 *                                                 <td class="ms-WPHeaderTd">
 *                                                     <h3 class="ms-standardheader ms-WPTitle">
 *                                                     </h3>   
 *                                                 </td>
 *                                                 
 *                                                 <!-- area for the little arrow that pops up the web part menu. -->
 *                                                 <td class="ms-WPHeaderTdMenu" align="left" onclick="...">
 *                                                    <span>
 *                                                    </span>
 *                                                    <div class="ms-WPMenuDiv"
 *                                                         onmouseover="this.className='ms-WPMenuDivHover'"
 *                                                         onmouseout="this.className='ms-MenuDiv'">
 *                          
 *                                                        <a id="..." class="ms-wpselectlink">
 *                                                            
 *                                                        </a>
 * 
 *                                                    </div>
 *                                                 </td>
 *
 *                                                 <td class="ms-WPHeaderTdSelection">
 *                                                     <span class="ms-WPHeaderTdSelSpan">
 *                                                         <input class="ms-WPHeaderCbxHidden"
 *                                                                type="checkbox"
 *                                                                on-focus="this.className='ms-WPHeaderCbxVisible'"
 *                                                                on-blur="this.className='ms-WPHeaderCbxVisible' >
 *                                                     </span>
 *                                                 </td>
 *
 *
 *                                                 <!-- space between the right side of the webpart and the title area. -->
 *                                                 <td class="ms-wpTdSpace" align="left">&nbsp</td>   
 *
 *                                             </tr>
 *
 *                                         </tbody>
 *                                     </table>    
 *                                 </td>
 *                             </tr>
 *                  
 *                             <!-- this is the body html code. -->
 *                             <tr> 
 *                             </tr>  
 *
 *                         </tbody>
 *                     </table>   
 *                 </td>
 *             </tr>
 *         </tbody>
 *     </table>
 *
 *
 * CSS classes used:
 * =================
 *
 *   s4-wpcell-plain:
 *     Class used in the 'td' element that includes the webpart.
 *
 *   s4-wpTopTable:
 *     Class for the 'table' element that constitutes the webpart. 
 *
 *   Classes for WebPart Header:
 *   ===========================
 *     
 *     ms-WpHeader:
 *       Class for the header of the webpart. this is attached to the
 *       'tr' element.
 *  
 *     ms-wpTdSpace:
 *       Class for the 'td' element that represents the space between
 *       the sides of the webpart and the title text.
 *
 *     ms-WPHeaderTd:
 *       Class for the 'td' element that constitues the header title
 *       for the webpart.
 *
 *     ms-standardheader ms-WPTitle:
 *       Class for style of 'h3' html element that includes the
 *       title for the webpart.
 *
 *     Classes for the pop-menu of the webpart:
 *     ----------------------------------------
 *
 *       ms-WPHeaderTdMenu:
 *       Class for the pop up webpart menu ('td' element).
 *
 *       ms-SrvMenuUI:
 *         Class for the pop up menu of the webpart. Associated with
 *         element id 'MSOMenu_WebPartMenu", this id is attached to
 *         a 'menu' html tag.
 *
 *       ms-WPMenuDiv:
 *       ms-WPMenuDivHover:
 *         Class used in conjuntion with 'ms-WPMenuDivHover' to provide
 *         the hover experience for the webpart pop up menu. These two
 *         classes implement the changing of style when the mouse hovers
 *         in/out of the pop up.
 *
 *       ms-wpselectlink:
 *         Class for the 'a' html element that is used to pop up the 
 *         webpart menu.
 *
 *       ms-wpselectlinkfocus:
 *       ms-WPEditTextVisible:
 *       ms-WPEditText:
 *
 *       ms-WPHeaderTdSelection:
 *         Class for the 'td' element that includes the little arrow
 *         for the pop up menu of the webpart.
 *
 *       ms-WPHeaderTdSelSpan:
 *         Class for 'span' element that is inside the 'td' of the
 *         webpart pop up menu.
 *   
 *       ms-WPHeaderCbxHidden:
 *         Class for the 'input' element that triggers the pop up menu,
 *         but when it is hidden (when no editing is possible).
 *     
 *       ms-WPHeaderCbxVisible:
 *         Class for the 'input' element that triggers the webpart pop
 *         up menu. this one is for when we hover the mouse over the
 *         element.
 *     
 *   Classes for WebPart Body:
 *   =========================== 
 *
 *     ms-WPBorder:
 *       Surronding class for 'td' element. this is for including the 
 *       border for the webpart.
 *
 *     ms-WPBody noindex ms-wpContentDivSpace
 */
/** WebPart Title. */
/* properties for the web part header. */
.ms-WPHeader {
	margin: 0;
	padding: 0;
	height: auto;
	border: 0 transparent;
}
/* this is a line that appears in the bootm of the header, dont understand,
 * why is this there, but, just use the same color has the web part header 
 * background to make it disappear, or delete the border altogether.
 */
.ms-WPHeader TD {
	margin: 0;
	border: 0;
}
/* class for the webpart title 'td' html tag. */
.ms-WPHeaderTd {
	padding: 0;
	margin: 0;
	border-bottom: 1px lime solid;
}
/* horizontal space from the left and from the right in the web part header 
 * to the the title of the web part.
 */
.ms-WPHeader .ms-wpTdSpace {
	border-bottom: 0;
	width: 5px;
}
/* web part title properties. */
.ms-WPTitle {
	color: #013F78;
	font-family: "Trajan Pro", Arial, Verdana, Helvetica, sans-serif;
	font-size: 19pt!important;
    font-weight: normal!important;
	text-transform: uppercase;
	padding: 10px;
	height: auto;
    margin-top:10px;
    margin-bottom:10px;
}
/* the following is for when the mouse hovers over the webpart in editing
 * mode, sharepoint adds a blue border on the bottom, this will remove it.
 */
.s4-wpcell .ms-WPSelected .ms-WPHeader td {
	border-bottom: 0;
}
.s4-wpcell .s4-wpTopTable {
	border: transparent solid 0 !important;
}
.s4-wpActive .ms-WPHeader td {
	border-bottom: 0;
}
.s4-wpcell:hover .ms-WPHeader td {
	border-bottom: 0;
}
/* when the webpart is active, this will change the color of the title. */
.s4-wpActive .ms-WPTitle a {
	color: navy;
}
.s4-wpActive .ms-WPTitle {
	color: navy;
}
/* properties for the menu that appear in the right side of the
 * webpart header. this menu usualy has the options for editing,
 * closing the webpart. 
 */
.ms-WPHeaderTdMenu {
	margin: 0;
	padding: 0;
	width: 10px;
	border: 1px solid transparent;
	word-wrap: normal;
	cursor: pointer;
}
.ms-WPMenuDiv {
	padding-top: 3px;
	padding-bottom: 2px;
	height: 17px;
	height: auto;
}
.ms-WPMenuDivHover {
	padding-top: 3px;
	padding-bottom: 2px;
	height: auto;
}
/* this this the class for the 'img' html tag element for the
 * little image (arrow facing down) of the webpart pop up menu.
 */
.ms-WPHeaderMenuImg {
}
/* style for the menu of the webparts. */
.ms-WPHeaderTdMenu {
}
.ms-WPHeaderTdMenu:hover {
	border: none;
	background: transparent;
}
/**
 * WebPart Body.
 * For when webparts have border and background.
 */
/* border properties for webparts. */
.ms-WPBorder {
	margin: 0;
	padding-top: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	border: 0;
}
/**
 * WebPart Body.
 * For when webparts have only border.
 */
.ms-WPBorderBorderOnly {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	border:0;
/*	border-style: solid;
	border-width: 1px;
	border-color:white; */
}
/* web part body (content(properties). */
.ms-WPBody {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif!important;
	font-size:10pt!important;
}
/* space inside the webpart body, this is the container. */
.ms-wpContentDivSpace {
	margin: 0;
	padding: 0;
}
/**
 * WebParts.
 * Outside the webpart, but INSIDE the WebPart Zone.
 */
/* vertical space between webparts in a webpart zone. */
.ms-PartSpacingVertical {
	height: 6px;
	margin: 0;
	padding: 0;
}
/** Color **/
/* properties for the web part header and web part background. */
.ms-WPHeader, .ms-WPBorder, .ms-WPBorderBorderOnly  {
	background-color: white;
}
/* web part title properties. */
.ms-WPTitle, .ms-WPMenuDiv {
}
.ms-WPMenuDivHover {
	background-color: gray;
}