/* START Telerik.Web.UI.Skins.ToolBar.css */
/* RadToolBar / base */

/* <wrappers and common styles> */

.RadToolBar
{
	margin: 0;
	padding: 0;
}

.RadToolBar
{
	cursor: default;
	text-align: left;
}

.RadToolBar_rtl
{
	text-align: right;
	float: right;
}

.RadToolBar,
.RadToolBar .rtbUL,
.RadToolBar .rtbItem,
.RadToolBar .rtbTemplate,
.RadToolBar .rtbWrap, .RadToolBar .rtbOut, .RadToolBar .rtbMid, .RadToolBar .rtbIn
{
	white-space: nowrap;
	vertical-align: top;
	
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
div.RadToolBar .rtbOuter, x:-moz-any-link { display: -moz-inline-box; } /* fix the toolbar borders in FF2 */
div.RadToolBar .rtbOuter, x:-moz-any-link, x:default { display: block; } /* restore for FF3+ (affects set width) */

.RadToolBar .rtbSplBtn .rtbSplBtnActivator, .RadToolBar .rtbChoiceArrow
{
	white-space: nowrap;
	vertical-align: top;
	
	display: -moz-inline-block;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.RadToolBar .rtbInner
{
	padding: 1px;
}

.RadToolBar .rtbUL,
.RadToolBar .rtbItem
{
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

* html .RadToolBar .rtbUL,
* html .RadToolBar .rtbItem { vertical-align: top; }
*+html .RadToolBar .rtbUL,
*+html .RadToolBar .rtbItem { vertical-align: top; }


/* </wrappers and common styles> */

/* <items> */

.RadToolBar .rtbItem
{
	margin: 0 1px; /* spacing between items */
}

.RadToolBar_Vertical .rtbUL
{
	display: -moz-inline-block;
}

.RadToolBar_Vertical .rtbItem
{
	display: block;
	zoom: normal;
	margin: 0;
}

.RadToolBar .rtbWrap
{
	text-decoration: none;
	vertical-align: top;
	outline: 0;
	cursor: pointer;
}

.RadToolBar .rtbDisabled .rtbWrap
{
	cursor: default;
}

.RadToolBar .rtbMid
{
	padding: 0 3px 3px 0;
}

.RadToolBar .rtbIn
{
	padding: 3px 0 0 3px;
	overflow: hidden;
}

.RadToolBar .rtbIn,
.RadToolBar .rtbIn *
{
	vertical-align: middle;
}

.RadToolBar .rtbIcon
{
	border: 0;
	padding: 2px;
}

.RadToolBar .rtbIcon+.rtbText,
x:-moz-any-link
{
	margin-top: 2px;
}

.RadToolBar_Vertical .rtbIcon+.rtbText,
.RadToolBar .rtbDropDown.rtbDisabled .rtbIcon+.rtbText,
x:-moz-any-link
{
	margin-top: -5px;
}

.RadToolBar .rtbText { padding: 0 3px; }
.RadToolBar .rtbText, x:-moz-any-link { padding: 0 1px 0 0; }
.RadToolBar .rtbText, x:-moz-any-link, x:default { padding: 0 3px; }
.RadToolBar .rtbDropDown .rtbText,
.RadToolBar .rtbSplBtn .rtbText { padding: 0 0 0 3px; }
.RadToolBar_rtl .rtbDropDown .rtbText,
.RadToolBar_rtl .rtbSplBtn .rtbText { padding: 0 3px 0 0; }

.RadToolBar .rtbText u /* accesskeys */
{
	vertical-align: baseline;
}

/* <disabled states> */
.RadToolBar .rtbDisabled
{
	-moz-opacity: .4;
	opacity: .4;
}

/* Opacity hack for IE */
.RadToolBar .rtbDisabled .rtbIcon,
.RadToolBar .rtbDisabled .rtbChoiceArrow 
{
	filter: alpha(opacity=40)\9;
	-ms-filter: "alpha(opacity=40)"\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) /* Opacity hack for WebKit */
{
	.RadToolBar .rtbDisabled { opacity: 1; }
	.RadToolBar .rtbDisabled .rtbIcon,
	.RadToolBar .rtbDisabled .rtbChoiceArrow { opacity: .4; }
}

/* </disabled states> */

.RadToolBar .rtbVOriented
{
	text-align: center;
}

.RadToolBar .rtbDropDown .rtbVOriented { position: relative; padding-right: 20px; }
.RadToolBar .rtbSplBtn .rtbVOriented { position: relative; padding-right: 25px; }
.RadToolBar_rtl .rtbDropDown .rtbVOriented { padding-right: 0; padding-left: 20px; }
.RadToolBar_rtl .rtbSplBtn .rtbVOriented { padding-right: 0; padding-left: 25px; }

.RadToolBar .rtbVOriented .rtbIcon
{
	display: block;
	margin: 0 auto;
}

.RadToolBar .rtbVOriented,
x:-moz-any-link
{
	display: block;
}

.RadToolBar .rtbVOriented .rtbChoiceArrow
{
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 0;
}
.RadToolBar_rtl .rtbVOriented .rtbChoiceArrow { right: auto; left: 0; }

/* in ie, text-align: center does the trick (and margins fux0r items) */
* html .RadToolBar .rtbVOriented .rtbIcon { margin: 0; }
*+html .RadToolBar .rtbVOriented .rtbIcon { margin: 0; }

/* <separators> */

.RadToolBar .rtbSeparator 
{
	line-height: 0;
	font-size: 0;
	vertical-align: top;
}

* html .RadToolBar_Horizontal .rtbSeparator .rtbText
{
	padding: 0;
}

.RadToolBar_Horizontal .rtbSeparator 
{
	height: 25px;
	width: 1px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
* html .RadToolBar_Horizontal .rtbSeparator { display: inline; vertical-align: middle; top: 50%; margin-top: -20px; }
*+html .RadToolBar_Horizontal .rtbSeparator { display: inline; vertical-align: middle; top: 50%; margin-top: -20px; }

.RadToolBar_Vertical .rtbSeparator 
{
	width: 25px;
	height: 1px;
}

/* </separators> */

/* <the lovely small arrow> */

.RadToolBar .rtbChoiceArrow
{
	width: 18px;
	height: 20px;
	margin-left: 7px;
}
.RadToolBar_rtl .rtbChoiceArrow { margin-left: 0; margin-right: 7px; }

.RadToolBar .rtbSplBtnHovered .rtbChoiceArrow,
.RadToolBar .rtbSplBtnFocused .rtbChoiceArrow,
.RadToolBar .rtbSplBtnExpanded .rtbChoiceArrow
{
	width: 20px;
	margin-left: 5px;
}
.RadToolBar_rtl .rtbSplBtnHovered .rtbChoiceArrow,
.RadToolBar_rtl .rtbSplBtnFocused .rtbChoiceArrow,
.RadToolBar_rtl .rtbSplBtnExpanded .rtbChoiceArrow { margin-left: 0; margin-right: 5px; }

/* </the lovely small arrow> */

/* <background positions> */

.RadToolBar .rtbDropDownExpanded .rtbWrap,
.RadToolBar .rtbSplBtnExpanded .rtbWrap,
.RadToolBar .rtbSplBtnFocused .rtbWrap,
.RadToolBar .rtbChecked .rtbWrap,
.RadToolBar .rtbItemClicked .rtbWrap,
.RadToolBar .rtbItemFocused .rtbWrap,
.RadToolBar .rtbItemHovered .rtbWrap
{
	background-position: 0 100%;
}

.RadToolBar .rtbDropDownExpanded .rtbOut,
.RadToolBar .rtbSplBtnExpanded .rtbOut,
.RadToolBar .rtbSplBtnFocused .rtbOut,
.RadToolBar .rtbItemFocused .rtbOut,
.RadToolBar .rtbItemClicked .rtbOut,
.RadToolBar .rtbChecked .rtbOut,
.RadToolBar .rtbItemHovered .rtbOut
{
	background-position: 100% 0;
}

.RadToolBar .rtbDropDownExpanded .rtbMid,
.RadToolBar .rtbSplBtnExpanded .rtbMid,
.RadToolBar .rtbSplBtnFocused .rtbMid,
.RadToolBar .rtbItemFocused .rtbMid,
.RadToolBar .rtbItemClicked .rtbMid,
.RadToolBar .rtbChecked .rtbMid,
.RadToolBar .rtbItemHovered .rtbMid
{
	background-position: 100% 100%;
}

.RadToolBar .rtbDropDownExpanded .rtbIn,
.RadToolBar .rtbSplBtnExpanded .rtbIn,
.RadToolBar .rtbSplBtnFocused .rtbIn,
.RadToolBar .rtbItemFocused .rtbIn,
.RadToolBar .rtbItemClicked .rtbIn,
.RadToolBar .rtbChecked .rtbIn,
.RadToolBar .rtbItemHovered .rtbIn
{
	background-position: 0 0;
}

.RadToolBar .rtbSplBtn .rtbChoiceArrow,
.RadToolBar .rtbSplBtnExpanded .rtbChoiceArrow,
.RadToolBar .rtbItem .rtbVOriented .rtbChoiceArrow,
.RadToolBar .rtbChoiceArrow,
.RadToolBar .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar .rtbSplBtnClicked .rtbChoiceArrow,
.RadToolBar .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow,
.RadToolBar .rtbSplBtnHovered .rtbChoiceArrow,
.RadToolBar .rtbItemHovered .rtbVOriented .rtbChoiceArrow,
.RadToolBar .rtbItemHovered .rtbChoiceArrow,
.RadToolBar .rtbItemClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar .rtbItemClicked .rtbChoiceArrow { background-position: 100% 50%; }

.RadToolBar_rtl .rtbSplBtn .rtbChoiceArrow,
.RadToolBar_rtl .rtbSplBtnExpanded .rtbChoiceArrow,
.RadToolBar_rtl .rtbItem .rtbVOriented .rtbChoiceArrow,
.RadToolBar_rtl .rtbChoiceArrow,
.RadToolBar_rtl .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_rtl .rtbSplBtnClicked .rtbChoiceArrow,
.RadToolBar_rtl .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow,
.RadToolBar_rtl .rtbSplBtnHovered .rtbChoiceArrow,
.RadToolBar_rtl .rtbItemHovered .rtbVOriented .rtbChoiceArrow,
.RadToolBar_rtl .rtbItemHovered .rtbChoiceArrow,
.RadToolBar_rtl .rtbItemClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_rtl .rtbItemClicked .rtbChoiceArrow { background-position: 0 50%; }

/* </background positions> */

/* </items> */

/* <drop-down> */

.RadToolBarDropDown
{
	border-style: solid;
	border-width: 1px;
	position: relative;
	text-align: left;
	cursor: default;
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 0;
	margin: 0;
}

.RadToolBarDropDown_rtl
{
	text-align: right;
	background-position: 100% 0;
}

.rtbScrollWrap
{
	position: absolute;
	overflow: hidden;
	left: 0;
}

.RadToolBarDropDown .rtbGroup
{
	display: block;
	padding: 0;
	margin: 0;
}

.RadToolBarDropDown .rtbSlide
{
	position: absolute;
	overflow: hidden;
	display: none;
	_height: 0;
	text-align: left;
	padding: 0;
	margin: 0;
}

.RadToolBarDropDown_rtl .rtbSlide
{
	text-align: right;
}

.RadToolBarDropDown .rtbGroup
{
	padding: 1px 0;
}

.RadToolBarDropDown .rtbItem,
.RadToolBarDropDown .rtbSeparator
{
	position: relative;
	list-style-type: none;
	display: block;
}

.RadToolBarDropDown .rtbItem
{
	margin: 0;
	padding: 0 0 0 2px;
	outline: 0;
}

.RadToolBarDropDown .rtbWrap,
.RadToolBarDropDown .rtbTemplate
{
	line-height: 22px;
	position: relative;
}

.RadToolBarDropDown .rtbWrap
{
	overflow: hidden;
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 0 0 0 32px;
	margin: 0;
}
.RadToolBarDropDown_rtl .rtbWrap { padding: 0 32px 0 0; }
* html div.RadToolBarDropDown .rtbWrap { position: static; line-height: 22px; }
* html div.RadToolBarDropDown_rtl .rtbWrap { zoom: 1; }

.RadToolBarDropDown .rtbIcon
{
	border: 0;
	vertical-align: top;
	position: absolute;
	left: 5px;
	top: 2px;
	display: block;
}
.RadToolBarDropDown_rtl .rtbIcon { left: auto; right: 5px; }
* html .RadToolBarDropDown .rtbIcon { margin-left: -35px; } /* ie6 */
* html .RadToolBarDropDown_rtl .rtbIcon { margin-left: 0; float: right; } /* ie6 */

.RadToolBarDropDown .rtbText
{
	padding: 0 30px 0 3px;
	display: block;
	*display: inline;
	zoom: 1;
}
.RadToolBarDropDown_rtl .rtbText { padding: 0 3px 0 30px; }

.RadToolBarDropDown .rtbDisabled .rtbWrap
{
	cursor: default;
}

.RadToolBarDropDown .rtbItemHovered,
.RadToolBarDropDown .rtbItemFocused
{
	background-color: transparent;
	background-repeat:  no-repeat;
	background-position: 0 0;
}

.RadToolBarDropDown .rtbItemHovered .rtbWrap,
.RadToolBarDropDown .rtbItemFocused .rtbWrap
{
	background-color: transparent;
	background-repeat:  no-repeat;
	background-position: 100% -22px;
}

.RadToolBar .rtbWrap:hover,
.RadToolBar .rtbWrap:focus,
.RadToolBarDropDown .rtbWrap:hover,
.RadToolBarDropDown .rtbWrap:focus
{
	outline: 0;
}

.RadToolBarDropDown .rtbDisabled .rtbIcon
{
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.RadToolBarDropDown .rtbSeparator
{
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
	margin: 1px 1px 1px 30px;
	border-top-style: solid;
	border-top-width: 1px;
}
.RadToolBarDropDown_rtl .rtbSeparator { margin: 1px 30px 1px 1px; }

/* </drop-down> */

/* END Telerik.Web.UI.Skins.ToolBar.css */
/* START Telerik.Web.UI.Skins.Outlook.ToolBar.Outlook.css */
/* <RadToolBar / Outlook> */

/* <tool wrapper> */

/* <horizontal> */

.RadToolBar_Outlook .rtbOuter
{
	border: 1px solid #002d96;
}

.RadToolBar_Outlook .rtbMiddle
{
	border-style: solid;
	border-width: 1px;
	border-color: #5785d5 #5785d5 #033098;
	background: #05329A url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6BMgRQGFp20wefn81xbInfj8T5DlaHzTbUZ8thM_0OaoZcf71dJ6KIpkeNBlLZcv41&t=633927821740000000') repeat-x 0 0;
}

/* </horizontal> */

/* <vertical> */

.RadToolBar_Outlook_Vertical .rtbMiddle
{
	background: #05329A url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6BMgRQGFp20wefn81xbInfJWbbbBqSDSJIJSzfCo35g6XJUDdnlrLP-wJ9pCaNvnA1&t=633927821740000000') repeat-y 0 0;
}

/* </vertical> */

/* </tool wrapper> */

/* <buttons> */

.RadToolBar_Outlook .rtbWrap,
.RadToolBar_Outlook .rtbTemplate
{
	color: #fff;
	font: normal 12px/20px "Segoe UI", Arial, sans-serif;
}

/* <button states> */

.RadToolBar_Outlook .rtbSplBtnFocused .rtbWrap, .RadToolBar_Outlook .rtbSplBtnFocused .rtbOut, .RadToolBar_Outlook .rtbSplBtnFocused .rtbMid, .RadToolBar_Outlook .rtbSplBtnFocused .rtbIn,
.RadToolBar_Outlook .rtbItemFocused .rtbWrap, .RadToolBar_Outlook .rtbItemFocused .rtbOut, .RadToolBar_Outlook .rtbItemFocused .rtbMid, .RadToolBar_Outlook .rtbItemFocused .rtbIn,
.RadToolBar_Outlook .rtbItemHovered .rtbWrap, .RadToolBar_Outlook .rtbItemHovered .rtbOut, .RadToolBar_Outlook .rtbItemHovered .rtbMid, .RadToolBar_Outlook .rtbItemHovered .rtbIn,
.RadToolBar_Outlook .rtbItemClicked .rtbWrap, .RadToolBar_Outlook .rtbItemClicked .rtbOut, .RadToolBar_Outlook .rtbItemClicked .rtbMid, .RadToolBar_Outlook .rtbItemClicked .rtbIn
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6BMgRQGFp20wefn81xbInfJvdMwB7-PuaIZYMWSgDWDKevHsA6FlLuZaex68H6_8w1&t=633927821740000000');
}

.RadToolBar_Outlook .rtbSplBtnExpanded .rtbWrap, .RadToolBar_Outlook .rtbSplBtnExpanded .rtbOut, .RadToolBar_Outlook .rtbSplBtnExpanded .rtbMid, .RadToolBar_Outlook .rtbSplBtnExpanded .rtbIn,
.RadToolBar_Outlook .rtbDropDownExpanded .rtbWrap, .RadToolBar_Outlook .rtbDropDownExpanded .rtbOut, .RadToolBar_Outlook .rtbDropDownExpanded .rtbMid, .RadToolBar_Outlook .rtbDropDownExpanded .rtbIn,
.RadToolBar_Outlook .rtbChecked .rtbWrap, .RadToolBar_Outlook .rtbChecked .rtbOut, .RadToolBar_Outlook .rtbChecked .rtbMid, .RadToolBar_Outlook .rtbChecked .rtbIn
{
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6BMgRQGFp20wefn81xbInf0xfXgtxd88YgfzG5WS9lnH3IHl_CTW30Sm0H-rCLeRc1&t=633927821740000000');
	background-color: transparent;
	background-repeat: no-repeat;
}

.RadToolBar_Outlook .rtbItemFocused .rtbWrap,
.RadToolBar_Outlook .rtbChecked .rtbWrap,
.RadToolBar_Outlook .rtbDropDownExpanded .rtbWrap,
.RadToolBar_Outlook .rtbSplBtnExpanded .rtbWrap
{
	color: #0d202b;
}

.RadToolBar_Outlook .rtbItemHovered .rtbWrap,
.RadToolBar_Outlook .rtbItemClicked .rtbWrap
{
	color: #0e3d4f;
}

/* </button states> */

/* <Drop Down Arrows> */


.RadToolBar_Outlook .rtbSplBtn .rtbChoiceArrow,
.RadToolBar_Outlook .rtbItem .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Outlook .rtbChoiceArrow 
{
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6BMgRQGFp20wefn81xbInf3yKJnzlWHF9YNhYJ2lDN-fSdHmfp4ntGGWq0-470udU1&t=633927821740000000');
}

.RadToolBar_Outlook .rtbSplBtn .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Outlook .rtbExpandUp .rtbChoiceArrow 
{
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6BMgRQGFp20wefn81xbInfzZU-gR-FwE7uYKBem4CCyGTXw6y_r3Yq4pt-9BVKoxw1&t=633927821740000000');
}

.RadToolBar_Outlook .rtbSplBtnExpanded .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Outlook .rtbSplBtnExpanded .rtbChoiceArrow,
.RadToolBar_Outlook .rtbDropDownExpanded .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Outlook .rtbDropDownExpanded .rtbChoiceArrow,
.RadToolBar_Outlook .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Outlook .rtbSplBtnHovered .rtbChoiceArrow,
.RadToolBar_Outlook .rtbItemHovered .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Outlook .rtbItemHovered .rtbChoiceArrow,
.RadToolBar_Outlook .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Outlook .rtbSplBtnClicked .rtbChoiceArrow,
.RadToolBar_Outlook .rtbItemClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Outlook .rtbItemClicked .rtbChoiceArrow
{
	background-color: transparent;
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6BMgRQGFp20wefn81xbInfgMkuWDVnXsAYF5uep2s4DcPeA1zUSBiKgFNd6FfHBM41&t=633927821740000000');
	background-repeat: no-repeat;
}

.RadToolBar_Outlook .rtbSplBtnExpanded .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Outlook .rtbDropDownExpanded .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Outlook .rtbSplBtnHovered .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Outlook .rtbItemHovered .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Outlook .rtbSplBtnClicked .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Outlook .rtbItemClicked .rtbExpandUp .rtbChoiceArrow
{
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6BMgRQGFp20wefn81xbInfHtQYDq9OIaZy1A_a2ZbH53j1mN6hcV2M-eNbRS2hHlE1&t=633927821740000000');
}

/* </Drop Down Arrows> */

.RadToolBar_Outlook_Horizontal li.rtbSeparator 
{
	border-left: 1px solid #89aee5;
	background: #002d96;
}

.RadToolBar_Outlook_Vertical li.rtbSeparator
{
	border-top: 1px solid #89aee5;
	background: #002d96;
}

/* </buttons> */


/* <disabled states> */

.RadToolBar_Outlook .rtbDisabled .rtbWrap:hover,
.RadToolBar_Outlook .rtbDisabled .rtbWrap:hover .rtbOut,
.RadToolBar_Outlook .rtbDisabled .rtbWrap:hover .rtbMid,
.RadToolBar_Outlook .rtbDisabled .rtbWrap:hover .rtbIn
{
	background: none;
}

.RadToolBar_Outlook .rtbDisabled .rtbWrap { color: #C3C3B9\9; }

@media screen and (-webkit-min-device-pixel-ratio:0)  /* WebKit alpha + opacity/cleartype bug, like IE wasn't enough... */
{
	.RadToolBar_Outlook .rtbDisabled .rtbWrap { color: #C3C3B9; }
}

/* </disabled states */ 

/* <drop-down> */

div.RadToolBarDropDown_Outlook
{
	border-color: #002d96;
	background-color: #f6f6f6;
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6BMgRQGFp20wefn81xbInfOaXnam0OeMZEZd4uXmXkp-x_SvRROW3ud_rqWP2yeYE1&t=633927821740000000');
	background-position: -1px 0;
}

div.RadToolBarDropDown_Outlook_rtl
{
	background-position: 101% 0;
}

.RadToolBarDropDown_Outlook .rtbWrap,
.RadToolBarDropDown_Outlook .rtbTemplate
{
	font-weight: normal;
	font-size: 12px;
	font-family: "Segoe UI", Arial, sans-serif;
	color: #000;
}

.RadToolBarDropDown_Outlook .rtbItemHovered,
.RadToolBarDropDown_Outlook .rtbItemFocused,
.RadToolBarDropDown_Outlook .rtbItemHovered .rtbWrap,
.RadToolBarDropDown_Outlook .rtbItemFocused .rtbWrap
{
	color: #0f3789;
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6BMgRQGFp20wefn81xbInfOaXnam0OeMZEZd4uXmXkp2tFmcNUt2xDwpZcFQooU3U1&t=633927821740000000');
}

.RadToolBarDropDown_Outlook .rtbDisabled .rtbWrap
{
	color: #8a8a8a;
}

.RadToolBarDropDown_Outlook .rtbSeparator
{
	border-color: #6a8ccb;
	background: #fff;
}

/* </drop-down> */

/* </RadToolBar / Outlook> */
/* END Telerik.Web.UI.Skins.Outlook.ToolBar.Outlook.css */
/* START Telerik.Web.UI.Skins.Menu.css */
/* Common CSS */

.RadMenu
{
	white-space:nowrap;
	float:left;
	position:relative;
}

.RadMenu .rmRootGroup
{
	margin:0;
	padding:0;
	position:relative;
	left:0;
	display: inline-block;
}

* html .RadMenu .rmRootGroup { float: left; }

.RadMenu:after,
.RadMenu .rmRootGroup:after
{
    content:""; 
    display:block;
    height:0;
    overflow: hidden;
    line-height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}

.RadMenu ul.rmVertical,
.rmRootGroup ul.rmHorizontal,
.RadMenu_Context ul.rmHorizontal
{
	margin:0;
	padding:0;
	display:none;
	position:relative;
	left:0;
	float:left;
}

.rmSized ul.rmVertical
{
	width: 100%;
}

.rmSized ul.rmRootGroup
{
	float: none;
}

.rmSized .rmRootGroup .rmVertical
{
	width: auto;
}

.RadMenu .rmItem
{
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:outside;
	list-style:none;	
}

* html .RadMenu .rmItem
{
	display:inline;
}

.RadMenu .rmHorizontal .rmItem
{
	clear:none;
}

.RadMenu .rmVertical .rmItem
{
	clear:both;
}

.rmSized .rmVertical .rmItem
{
	width: 100%;
}

.rmSized .rmHorizontal .rmItem,
.rmSized .rmRootGroup .rmVertical .rmItem
{
	width: auto;
}

.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup
{
	display:block;
}

.RadMenu .rmSlide, 
.RadMenu_Context
{
	position:absolute;
	overflow:hidden;
	display:none;
	float:left;
}

* html .RadMenu .rmSlide, 
* html .RadMenu_Context
{
	height:1px;
}

.RadMenu_Context
{
	z-index:1000;
	overflow:visible;
}

.RadMenu .rmText
{
	display:block;
}

.RadMenu div.rmText /*templates*/
{
	white-space:normal;
	background: transparent;
}

.RadMenu a.rmLink
{
	cursor:default;
	display:block;
}

.rmScrollWrap
{
	position:absolute;
	float:left;
	overflow:hidden;
	left:0;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow,
.RadMenu .rmRightArrow
{
	position:absolute;
	z-index:2000;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
	outline: 0;
	overflow: hidden;
}

.RadMenu .rmLeftArrowDisabled,
.RadMenu .rmTopArrowDisabled,
.RadMenu .rmBottomArrowDisabled,
.RadMenu .rmRightArrowDisabled
{
	display:none;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
}

.RadMenu .rmBottomArrow,
.RadMenu .rmBottomArrowDisabled
{
	margin-bottom: -1px;
}

.RadMenu .rmLeftImage
{
	border:0;
	float:left;
}

.RadMenu_rtl
{
	float:right;
	text-align: right;
}

.RadMenu_rtl ul.rmVertical
{
	float:right;
}

.RadMenu_rtl .rmItem
{
	float:right;	
}

.RadMenu_rtl .rmLeftImage,
.RadMenu_Context_rtl .rmLeftImage
{
	border:0;
	float:right;
}

.RadMenu_rtl .rmLeftArrow,
.RadMenu_rtl .rmTopArrow,
.RadMenu_rtl .rmBottomArrow,
.RadMenu_rtl .rmRightArrow,
.RadMenu_rtl .rmLeftArrowDisabled,
.RadMenu_rtl .rmTopArrowDisabled,
.RadMenu_rtl .rmBottomArrowDisabled,
.RadMenu_rtl .rmRightArrowDisabled
{
	text-indent:1000em !important;
}

.RadMenu .rmLink
{
	width:auto;
}

.RadMenu .rmSeparator,
.RadMenu .rmSeparator:after
{
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.RadMenu div.rmRootGroup
{
    position: relative;
}
/* <base styles> */

.RadMenu .rmItem
{
	padding: 0;
}

.RadMenu .rmLink
{
	padding: 0 0 0 12px;
	outline: 0;
	float: left;
}

.RadMenu .rmText
{
	padding-bottom: 1px;
	float: left;
}

/* optimized for 16x16 */
.RadMenu .rmLeftImage
{
	margin: 4px 2px 0 -3px;
	padding-bottom: 4px;
}

.RadMenu .rmVertical .rmLeftImage+.rmText
{
	padding: 0 8px 1px 24px;
}

.RadMenu .rmVertical .rmText
{
	padding: 0 15px 1px 0;
}

.RadMenu .rmHorizontal .rmText
{
	padding: 0 12px 1px 0;
}

.RadMenu_rtl .rmVertical .rmText
{
	padding: 0 15px 1px 0;
}

.RadMenu .rmVertical .rmText,
.RadMenu .rmHorizontal .rmVertical .rmText
{
	display: block;
	float: none;
}

.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink
{
	float: none;
}

* html .RadMenu .rmGroup .rmVertical .rmLink,
* html .RadMenu .rmGroup .rmHorizontal .rmLink
{
	float: left;
}

.RadMenu .rmRootGroup .rmItem .rmGroup
{
	padding-bottom: 1px;
}

.RadMenu .rmGroup .rmItem
{
	padding: 0;
}

.RadMenu .rmGroup .rmLink,
.RadMenu .rmSlide .rmGroup .rmTemplate
{
	padding: 0;
}

.RadMenu_rtl .rmGroup .rmLink,
.RadMenu_rtl .rmSlide .rmGroup .rmTemplate
{
	padding: 0;
}

.RadMenu .rmGroup .rmText
{
	padding: 0 54px 0 28px;
	margin: 0 0 0 4px;
}

.RadMenu_rtl .rmGroup .rmText
{
	padding: 0 28px 0 54px;
	margin: 0 4px 0 0;
}

.RadMenu .rmMultiColumn
{
	list-style: none;
	display: block;
   	position: relative;
	margin: 0;
	padding: 0;
	zoom: 1;
}

.RadMenu .rmMultiColumn .rmGroup
{
	background: none;
	border: 0;
	float: left;
	display: block;
}

.RadMenu .rmMultiColumn .rmGroupColumn
{
	float: left;
}

.RadMenu .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context .rmGroup .rmLeftImage+.rmText
{
	padding: 0 54px 0 28px;
}

.RadMenu_rtl .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context_rtl .rmGroup .rmLeftImage+.rmText
{
	padding: 0 28px 0 54px;
}

.RadMenu .rmSlide .rmHorizontal .rmText
{
	padding: 0 11px 0 10px;
}

.RadMenu .rmGroup .rmLeftImage
{
	margin: 4px 0 0 6px;
}

* html .RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }
*+html .RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }

.RadMenu_rtl .rmGroup .rmLeftImage
{
	margin: 4px 6px 0 0;
}

* html .RadMenu .rmGroup .rmLeftImage { position: absolute; }
*+html .RadMenu .rmGroup .rmLeftImage { position: absolute; }

* html .RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }
*+html .RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }


/* <separators> */

.RadMenu .rmSeparator .rmText
{
	line-height: 0;
	font-size: 0;
	padding: 0;
	background-repeat: repeat-x;
	overflow: hidden;
}

.RadMenu .rmVertical .rmSeparator .rmText,
.RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: auto;
	width: auto;
	padding-bottom: 2px;
}

*+html .RadMenu .rmSeparator .rmText,   /* IE7 separator height problem */
*+html .RadMenu .rmVertical .rmSeparator .rmText,
*+html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: 2px;
	padding: 0;
}

* html .RadMenu .rmVertical .rmSeparator .rmText { height: auto; padding: 2px 0 0; }
* html .RadMenu .rmHorizontal .rmSeparator .rmText { padding: 0; }

.RadMenu .rmRootGroup .rmSeparator .rmText
{
	margin: 1px 12px;
}

.RadMenu .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context .rmVertical .rmSeparator .rmText
{
	margin: 1px 2px 1px 31px;
}

.RadMenu_rtl .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context_rtl .rmVertical .rmSeparator .rmText
{
	margin: 1px 31px 1px 2px;
}

.RadMenu .rmHorizontal .rmSeparator .rmText,
.RadMenu .rmVertical .rmHorizontal .rmSeparator .rmText
{
	margin: 2px 0 0;
	height: 20px;
	width: 2px;
}

/* </separators> */

/* <scroll arrows> */

.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow
{
	width: 10px;
	height: 24px;
}

.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow
{
	height: 10px;
	width: 100%;
}

/* </scroll arrows> */

/* </base styles> */
/* END Telerik.Web.UI.Skins.Menu.css */
/* START Telerik.Web.UI.Skins.Rotator.css */
/* new styles */
.RadRotator
{
	visibility:hidden; 	
}

.rrRelativeWrapper
{
	position: relative;
	margin:0 !important;/*MUST BE 0 for proper rendering*/
}

.rrClipRegion
{
	width: 100%;
	height: 100%;
	/* We change the width and height from the code, and then this setting becomes active! */
	overflow: hidden;
	position: absolute;
}

/*================== The list ========================*/

.rrClipRegion  .rrItemsList 
{
	float: left;
	padding: 0;
	margin: 0;
	list-style: none !important;          
}

.rrClipRegion  .rrItemsList li 
{ 
	float: left;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari */

.RadRotator ul.rrVerticalList 
{
	padding: 0;
	margin: 0;
	list-style: none !important;
}

.RadRotator .rrVerticalList li
{ 
	float: none;
	margin-bottom: 0px;
	/* Force the LI to respect the HEIGHT specified */
	overflow: hidden;
	display: block;
}

.rrButton
{
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	/*Button size is defined here, we use margins to position them too */
	height: 15px;
	width: 15px;
	line-height: 15px;
	/* Very important for the layout!*/	
	display: none; 
	outline: none;
}

.rrButton:hover
{
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.rrButton.rrButtonUp
{
	background-position: 0 0;
	top: -15px;
	left: 50%;
	margin-left: -8px;
}

.rrButton.rrButtonRight
{
	background-position: 0 -15px;
	margin-top: -8px;
	right: -16px;
	top: 50%;   
}

.rrButton.rrButtonDown
{
	background-position: 0 -30px;
	top:100%;
	left: 50%;
	margin-left: -8px;
	margin-top: 1px;
}

.rrButton.rrButtonLeft
{
	background-position: 0 -45px;
	margin-top: -7px;
	left: -15px;
	top: 50%;
}

.rrButton.rrButtonDisabled
{
	filter: alpha(opacity=20);
	opacity: .2;
	-moz-opacity: .2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.rrNoBorder .rrClipRegion
{
	border-width: 0px !important;
}

/* Needed because IE cannot position vertical LI items properly. In addition to this css, the UL's width needs to be EXPLICITLY set from code if IE or Safari */
html* .rrVerticalList li
{
	float: left !important;
}	
/* END Telerik.Web.UI.Skins.Rotator.css */
/* START Telerik.Web.UI.Skins.Default.Rotator.Default.css */
/* new styles */
.RadRotator_Default .rrClipRegion
{
	border: solid 1px #a7bac5;
}

/*================== The list ========================*/

.RadRotator_Default .rrClipRegion  .rrItemsList 
{
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;          
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari */

.RadRotator_Default .rrButton
{
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP6p_A5uOhXE6Jp6jWPyhxr1PvOHO7WuRahlGW3EYJshDc0DA2SYSmG6MBd2VOgYlhk1&t=633927821740000000');
	background-repeat: no-repeat;
	/*Button size is defined here, we use margins to position them too */
	height: 20px;
	width: 20px;
	line-height: 20px;
	/* Very important for the layout!*/	
}

.RadRotator_Default .rrButton.rrButtonUp
{
	background-position: 0 0;
	top: -20px;
	left: 50%;
	margin-left: -10px;
}

.RadRotator_Default .rrButton.rrButtonUp:hover
{
	background-position: -20px 0;
}

.RadRotator_Default .rrButton.rrButtonRight
{
	background-position: 0 -20px;
	margin-top: -10px;
	right: -20px;
	top: 50%;   
}

.RadRotator_Default .rrButton.rrButtonRight:hover
{
	background-position: -20px -20px;
}

.RadRotator_Default .rrButton.rrButtonDown
{
	background-position: 0 -40px;
	top:100%;
	left: 50%;
	margin-left: -10px;
}

.RadRotator_Default .rrButton.rrButtonDown:hover
{
	background-position: -20px -40px;
}

.RadRotator_Default .rrButton.rrButtonLeft
{
	background-position: 0 -60px;
	margin-top: -7px;
	left: -15px;
	top: 50%;
}

.RadRotator_Default .rrButton.rrButtonLeft:hover
{
	background-position: -20px -60px;
}

.RadRotator_Default .rrButton.rrButtonDisabled
{
	filter: alpha(opacity=20);
	opacity: .2;
	-moz-opacity: .2;
}
/* END Telerik.Web.UI.Skins.Default.Rotator.Default.css */
/* START Telerik.Web.UI.Skins.Dock.css */
.RadDock .rdTable
{
	width: 100%;
	height: 100%;
	table-layout:fixed;
}

.RadDock .rdTable .rdTop .rdLeft, 
.RadDock .rdTable .rdTop .rdCenter,
.RadDock .rdTable .rdTop .rdRight,
.RadDock .rdTable .rdMiddle .rdLeft, 
.RadDock .rdTable .rdMiddle .rdRight,
.RadDock .rdTable .rdBottom .rdLeft, 
.RadDock .rdTable .rdBottom .rdCenter,
.RadDock .rdTable .rdBottom .rdRight
{
	font-size: 1px;
	line-height: 1px;
}

.RadDock .rdContent
{
	overflow: auto;
	font: normal 12px "Segoe UI", Arial, Verdana;
}

.RadDock.rdCollapsed
{
	height: 27px !important;
}

.RadDock.rdCollapsed .rdMiddle,
.RadDock.rdCollapsed .rdBottom
{
	display: none;
}

.RadDock .rdTable,
.RadDock .rdTable .rdLeft,
.RadDock .rdTable .rdCenter,
.RadDock .rdTable .rdRight
{
	border: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.RadDock .rdTop .rdLeft,
.RadDock .rdTop .rdRight,
.RadDock .rdTop .rdCenter,
.RadDock .rdBottom .rdLeft,
.RadDock .rdBottom .rdRight,
.RadDock .rdBottom .rdCenter
{
	width: 7px;
	height: 27px;
	background-repeat: no-repeat;
}

* html div.RadDock .rdTop .rdLeft
{
	background-position: 0 -68px;
}

div.RadDock .rdTop .rdLeft
{
	background-position: 0 -68px;
}

* html .RadDock .rdTop .rdRoundedCorner.rdLeft
{
    background-position: 0 0;
}

div.RadDock .rdTop .rdRoundedCorner.rdLeft
{
    background-position: 0 0;
}

* html .RadDock .rdTop .rdRoundedCorner.rdRight
{
	background-position: -7px 0;
}

div.RadDock .rdTop .rdRoundedCorner.rdRight
{
	background-position: -7px 0;
}

div.RadDock .rdTop .rdRight
{
	background-position: -7px -68px;
}

.RadDock .rdTop .rdCenter
{
	background-position: 0 -27px;
	background-repeat: repeat-x;
	width: 100%;
}

.RadDock .rdMiddle .rdLeft,
.RadDock .rdMiddle .rdRight
{
	background-repeat: repeat-y;
}

.RadDock .rdMiddle .rdLeft
{
	background-position: 0 0;
}

.RadDock .rdMiddle .rdRight
{
	background-position: -7px 0;
}

.RadDock .rdMiddle .rdCenter,
.RadDock .rdBottom .rdCenter
{
	width: 100%;
}

.RadDock .rdMiddle .rdCenter
{
	vertical-align: top;
	height: 100%;
}

.RadDock .rdBottom .rdLeft,
.RadDock .rdBottom .rdCenter,
.RadDock .rdBottom .rdRight
{
	height: 7px;
}

* html div.RadDock .rdBottom .rdLeft
{
	background-position: 0 -95px;
}

.RadDock .rdBottom .rdLeft
{
	background-position: 0 -95px;
}

.RadDock .rdBottom .rdLeft.rdRoundedCorner
{
	background-position: 0 -54px;
}

/* IE6 / Quirks mode fix */
* html .RadDock .rdBottom .rdRoundedCorner.rdLeft
{
	background-position: 0 -54px;
}

* html div.RadDock .rdBottom .rdRight
{
	background-position: -7px -95px;
}

.RadDock .rdBottom .rdRight
{
	background-position: -7px -95px;
}

.RadDock .rdBottom .rdRight.rdRoundedCorner
{
	background-position: -7px -54px;
}

* html .RadDock .rdBottom .rdRoundedCorner.rdRight
{
	background-position: -7px -54px;
}

.RadDock .rdBottom .rdCenter
{
	background-position: 0 -61px;
	background-repeat: repeat-x;
	background-color: transparent;
}

.RadDock .rdCenter em
{
	font: normal normal 12px "Segoe UI", Arial, Sans-serif;
	float: left;
	line-height: 27px;
	padding: 0;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.RadDock .rdCenter .rdCommands
{
	padding: 0;
	margin: 4px 0 0 0;
	list-style: none;
	float: right;
}

.RadDock .rdCenter .rdCommands li
{
	float: left;
}

* html .RadDock .rdCenter .rdCommands a span
{
	filter: chroma(color=c8d0d4);
}

.RadDock .rdCenter .rdCommands a
{
    padding: 0 1px;
}

.RadDock .rdCenter .rdCommands a,
.RadDock .rdCenter .rdCommands a span
{
	display: block;
	width: 19px;
	height: 19px;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: default;
}

.rdCollapse
{
    background-position: 0 0;
}

.rdCollapse:hover
{
    background-position: -19px 0;
}

.rdExpand
{
    background-position: 0 -19px;
}

.rdExpand:hover
{
    background-position: -19px -19px;
}

.rdClose
{
    background-position: 0 -76px;
}

.rdClose:hover
{
    background-position: -19px -76px;
}

.rdPin
{
    background-position: 0 -57px;
}

.rdPin:hover
{
    background-position: -19px -57px;
}

.rdUnpin
{
    background-position: 0 -38px;
}

.rdUnpin:hover
{
    background-position: -19px -38px;
}

.rdCustom
{
    background-position: 0 -95px;
}

.rdCustom:hover
{
    background-position: -19px -95px;
}

/* right-to-left suppot */
.rdRtl
{
	direction: ltr;
}

.rdRtl .rdContent
{
	direction: rtl;
}

.rdRtl .rdTop .rdCenter
{
	direction: rtl;
}

.rdRtl .rdTop .rdCenter ul.rdCommands
{	
	float: left;
	overflow: hidden; /*Fix scrollbar under Chrome,Safari*/
}

.rdRtl .rdTop .rdCenter em
{
	float: right;
}

/* more common settings */
.rdTitleBar
{
	width:100%;
	height:100%;	
}

.rdDragHelper /*When dock is dragged*/
{
    opacity: .5 !important;
    filter: alpha(opacity=50)  !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)  !important";
    -moz-opacity: .5 !important;
}

.rdHorizontal .RadDock
{
    float: left;
}

.RadDockZone
{
    position: relative;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
}

*>.RadDockZone.rdVertical /* hidden from IE6 */
{
    padding-right: 4px;
}

.rdRtl
{
	text-align: right; /* we need this in case the BODY has text-aligh:center applied */
}

.rdPlaceHolder
{
    border-style:dashed;
    border-width:1px;
}

.rdHorizontal .RadDock
{
    float: left;
}

.rdHorizontal .rdRtl
{
    float: right;
}

.rdNone .rdLeft,
.rdNone .rdCenter,
.rdNone .rdRight
{
	height: 1px !important;	
}

.rdGripTop .rdLeft,
.rdGripTop .rdCenter,
.rdGripTop .rdRight
{	
	height: 10px !important;	
}

/* float clearing */
.clear
{
    clear: both;
    height: 1px;
    margin-bottom: -1px;
    visibility: hidden;
}
/* END Telerik.Web.UI.Skins.Dock.css */
/* START Telerik.Web.UI.Skins.Window.css */
/* RadWindow for ASP.NET AJAX Base Stylesheet */

/* MVC overrides */
.RadWindow table,
.RadWindow table td
{
	border:0;
	padding:0;
}

.RadWindow .rwTopResize
{
	font-size: 1px;
	line-height: 4px;
	width: 100%;
	height: 4px;
	background-position: 0 -31px;
	background-repeat: repeat-x;
}

.RadWindow .rwStatusbarRow .rwCorner
{
    background-repeat: no-repeat;
}

.RadWindow .rwStatusbarRow .rwBodyLeft
{
    background-position: -16px 0;
}

.RadWindow .rwStatusbarRow .rwBodyRight
{
    background-position: -24px 0;
}

.RadWindow .rwStatusbar
{
	height: 22px;
	background-position: 0 -114px;
	background-repeat: repeat-x;
}

.RadWindow .rwStatusbar div
{
    width: 18px; 
	height: 18px;
	background-position: 0 -94px;
	background-repeat: no-repeat;
}

.RadWindow table
{
    width: 100%;
    height: 100%;
    table-layout: auto; /* fixes the dimensions under IE */
}

.RadWindow table td
{
	padding: 0; 
	margin: 0;
	border-collapse: collapse;
	vertical-align: top;
}

.RadWindow .rwCorner
{
    width: 8px;
}

.RadWindow .rwTopLeft,
.RadWindow .rwTopRight,
.RadWindow .rwTitlebar,
.RadWindow .rwFooterLeft,
.RadWindow .rwFooterRight,
.RadWindow .rwFooterCenter
{
    height: 8px;
	font-size: 1px;
    background-repeat: no-repeat;
    line-height: 1px;
}

.RadWindow .rwBodyLeft,
.RadWindow .rwBodyRight
{
	background-repeat: repeat-y;
}

.RadWindow .rwBodyRight
{
    background-position: -8px 0;
}

.RadWindow .rwTopLeft
{
    background-position: 0 0;
}

.RadWindow .rwTopRight
{
    background-position: -8px 0;
}

.RadWindow table .rwTitlebar
{
	background-repeat: repeat-x;
	background-position: 0 -31px;
	-moz-user-select: none;
}

.RadWindow .rwFooterLeft
{
	background-position: 0 -62px;
}

.RadWindow .rwFooterRight
{
	background-position: -8px -62px;
}

.RadWindow .rwFooterCenter
{
	background-repeat: repeat-x;
	background-position: 0 -70px;
}

.RadWindow .rwTitlebarControls
{
    height: 27px;
}

.RadWindow .rwWindowContent
{
	height: 100% !important; /* very important property, especially for opera */
	background: white;
}

/* Support for displayng the rwLoading image in the iframe's parent TD */
.RadWindow td.rwLoading
{
    background-repeat: no-repeat;
    background-position: center;
}

/* Support for displaying rwLoading image in the status bar  */
.RadWindow .rwStatusbar .rwLoading
{	
	background-repeat: no-repeat;
}

.RadWindow .rwStatusbar .rwLoading
{
	padding-left: 30px;
}

.RadWindow td.rwStatusbar input
{
    font: normal 12px "Segoe UI", Arial, Verdana, Sans-serif;
    padding: 4px 0 0 7px;
    margin: 0;
    border: 0 !important;
    width: 100%;	
    height: 18px;
	background-color: transparent !important; 
	background-repeat: no-repeat !important;
	background-position: left center !important;
	cursor: default;
	-moz-user-select: none;
	overflow: hidden; 
	text-overflow: ellipsis;
	display: block; 
	float: left;
	vertical-align: middle;
}

.RadWindow .rwControlButtons
{
	padding: 0; 
	margin: 2px 0 0 0;
	list-style: none; 
	white-space: nowrap;	
	float: right; 
}

.RadWindow .rwControlButtons li
{
	float: left;
	padding: 0 1px 0 0;
}

.RadWindow .rwControlButtons a
{
	width: 30px; 
	height: 21px; 
	line-height: 1px; 
	font-size: 1px;
	cursor: default;
	background-repeat: no-repeat;
	display: block; 
	text-decoration: none;
	outline: none;
}

.RadWindow .rwControlButtons span
{
	text-indent: -9999px; 
	display: block;	
}

/* reload button */
.RadWindow  .rwReloadButton
{
	background-position: -120px 0;
}

.RadWindow .rwReloadButton:hover
{
	background-position: -120px -21px;
}

/* unpin button */
.RadWindow .rwPinButton
{
	background-position: -180px 0;
}

.RadWindow .rwPinButton:hover
{
	background-position: -180px -21px;
}

/* pin button */
.RadWindow .rwPinButton.on
{
	background-position: -150px 0;
}

.RadWindow .rwPinButton.on:hover
{
	background-position: -150px -21px;
}

/* minimize button */
.RadWindow .rwMinimizeButton
{
	background-position: 0 0;
}

.RadWindow .rwMinimizeButton:hover
{
	background-position: 0 -21px;
}

/* maximize button */
.RadWindow .rwMaximizeButton
{
	background-position: -60px 0;
}

.RadWindow .rwMaximizeButton:hover
{
	background-position: -60px -21px;
}

/* close button */
.RadWindow .rwCloseButton
{
	background-position: -90px 0;
}

.RadWindow .rwCloseButton:hover
{
	background-position: -90px -21px;
}

/* restore button */
.RadWindow.rwMaximizedWindow .rwMaximizeButton,
.RadWindow.rwMinimizedWindow .rwMinimizeButton
{
	background-position: -30px 0;
}

.RadWindow.rwMaximizedWindow .rwMaximizeButton:hover,
.RadWindow.rwMinimizedWindow .rwMinimizeButton:hover
{	
	background-position: -30px -21px;
}

.RadWindow .rwIcon
{
    display: block;
	background-repeat: no-repeat;
	background-position: 0 -78px;
	width: 16px; 
	height: 16px;
	cursor: default;
	margin: 4px 5px 0 0;
}

.RadWindow em
{
	font: normal bold 12px "Segoe UI", Arial;
	color: black;
	padding: 3px 0 0 4px;	
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	float: left;	
}

.RadWindow_rtl .rwControlButtons
{
	float: left; 
}

div.RadWindow_rtl .rwControlButtons li
{
	float: right;
}

.RadWindow.rwInactiveWindow .rwTitlebarControls
{
	position: static;
}

.RadWindow .rwDialogPopup
{
	margin: 16px;
	color: black;	
	padding: 0px 0px 16px 50px;
	font: normal 12px "Segoe UI", Arial, Verdana;
	cursor: default;
}

.rwDialogPopup .rwPopupButton
{
    margin: 0;
}

.rwDialogPopup .rwPopupButton:focus,
.rwDialogPopup .rwPopupButton:active
{
    border: dotted 1px #999;                        
}

.rwDialogPopup .rwPopupButton,
.rwDialogPopup .rwPopupButton span
{
	display: block; 
	float: left;
}

.RadWindow .rwControlButtons a
{
    text-indent: -9999px;
}

html:first-child .RadWindow ul
{
    float: right; 
    border: solid 1px transparent;
}

.RadWindow .rwDialogText
{
    text-align: left;
}

.RadWindow.rwMinimizedWindow .rwPinButton,
.RadWindow.rwMinimizedWindow .rwReloadButton,
.RadWindow.rwMinimizedWindow .rwMaximizeButton,
.RadWindow.rwMinimizedWindow .rwTopResize
{
    display: none !important;
}

.RadWindow .rwDialogInput
{
	font: normal 12px "Segoe UI", Arial, Verdana;
	color: black;
	width: 100%;
	display: block;
	margin: 8px 0;
}

.RadWindow .rwWindowContent .radconfirm,
.RadWindow .rwWindowContent .radalert
{
    background-color: transparent;
	background-position: left center;
	background-repeat: no-repeat;
}

.RadWindow .rwWindowContent .radconfirm
{
    background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP5Hw8EZGOUa3iwLdjvNCr3tVLFk37AHtpECgHG7fQrAJwmyhaz5Ya8HyR02mDYBzxo1&t=633927821740000000');	
}

.RadWindow .rwWindowContent .radalert
{
    background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP5Hw8EZGOUa3iwLdjvNCr3tr0fun5FPbOSRRGRoZSWiFdPhMsynAhYdHtik_uqMnB01&t=633927821740000000');	
}

.RadWindow .rwWindowContent .radprompt
{
	padding: 0;
}

.RadWindow .rwPopupButton,
.RadWindow .rwPopupButton span
{
	text-decoration: none;
	color: black;
	line-height: 21px;
	height: 21px;
	cursor: default;
}

.RadWindow .rwPopupButton
{
	background-repeat: no-repeat;
	background-position: 0 -136px; 
	padding: 0 0 0 3px;
	margin: 8px 8px 8px 0;
}

.RadWindow .rwWindowContent .rwPopupButton .rwOuterSpan
{
    background-repeat: no-repeat;
	background-position: right -136px; 
	padding: 0 3px 0 0;
}

.RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan
{
	background-repeat: repeat-x;
	background-position: 0 -157px; 
	padding: 0 12px;
}

.RadWindow .rwWindowContent .rwPopupButton:hover
{
	background-position: 0 -178px; 
	padding: 0 0 0 3px;
	margin: 8px 8px 8px 0;
}

.RadWindow .rwWindowContent .rwPopupButton:hover .rwOuterSpan
{
	background-position: right -178px; 
	padding: 0 3px 0 0;
}

.RadWindow .rwWindowContent .rwPopupButton:hover .rwInnerSpan
{
	background-position: 0 -199px; 
	padding: 0 12px;
}

.RadWindow .rwStatusbarRow .rwBodyLeft
{
    background-position: -16px 0;
}

.RadWindow .rwStatusbarRow .rwBodyRight
{
    background-position: -24px 0;
}

.RadWindow.rwMinimizedWindow .rwContentRow,
.RadWindow.rwMinimizedWindow .rwStatusbarRow
{
	display: none;
}

.RadWindow.rwMinimizedWindow table.rwTitlebarControls 
{
	margin-top: 4px;
}

.RadWindow.rwMinimizedWindow .rwControlButtons
{
    width: 66px !important;
}

.RadWindow.rwMinimizedWindow em
{
	width: 90px;
}

.RadWindow.rwMinimizedWindow
{
    width: 200px !important;
    height: 30px !important;
    overflow: hidden !important;
    float: left !important;
}

.RadWindow.rwMinimizedWindow .rwCorner.rwTopLeft
{
	background-position: 0 -220px;
	background-repeat: no-repeat; 
}

.RadWindow.rwMinimizedWindow .rwCorner.rwTopRight
{
	background-position: -8px -220px;
	background-repeat: no-repeat; 
}

.RadWindow.rwMinimizedWindow .rwTitlebar
{
    background-position: 0 -250px !important; /* Should be !important because of IE6 */
    background-repeat: repeat-x;
}

.RadWindow.rwInactiveWindow .rwCorner,
.RadWindow.rwInactiveWindow .rwTitlebar,
.RadWindow.rwInactiveWindow .rwFooterCenter
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65) !important;
	opacity: .65 !important; 
	-moz-opacity: .65 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}

/* stop the control buttons from stretching in IE8 */
.RadWindow ul.rwControlButtons span
{
    display /*\**/: none\9
}
/* END Telerik.Web.UI.Skins.Window.css */
/* START Telerik.Web.UI.Skins.Office2007.Window.Office2007.css */
.RadWindow_Office2007 .rwTopLeft,
.RadWindow_Office2007 .rwTopRight,
.RadWindow_Office2007 .rwTitlebar,
.RadWindow_Office2007 .rwFooterLeft,
.RadWindow_Office2007 .rwFooterRight,
.RadWindow_Office2007 .rwFooterCenter,
.RadWindow_Office2007 .rwTopResize,
.RadWindow_Office2007 .rwStatusbar div,
.RadWindow_Office2007 .rwStatusbar,
.RadWindow_Office2007 .rwPopupButton,
.RadWindow_Office2007 .rwPopupButton span,
.RadWindow_Office2007.rwMinimizedWindow .rwCorner
{
    background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP5NI8KQqFoaxBoJqHVuVE1tKfawmoSXvccTAHZJT_X4xMNlDkzYbBLsNxF-9O97I7V4Sun78SgeuJuPsOiRFhxH0&t=633927821740000000');
}

.RadWindow_Office2007 .rwBodyLeft,
.RadWindow_Office2007 .rwBodyRight,
.RadWindow_Office2007 .rwStatusbarRow .rwCorner
{
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP5NI8KQqFoaxBoJqHVuVE1tQ1kXVAATcxHQkIJbl1JCiD0HWSH-DmJuc6-2E-Bs27lEsrrPXG3W8lkc7-Ei1mTt0&t=633927821740000000');
}

.RadWindow_Office2007 .rwStatusbar input
{
    background-color: #f7f3e9;
}

.RadWindow_Office2007 .rwControlButtons
{
    margin-top: 0;
}

.RadWindow_Office2007 .rwControlButtons a
{
    background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP5NI8KQqFoaxBoJqHVuVE1tBtmbpleh1U6lSt8X2viVY63e7V8mUEaerVF41WB77TI1&t=633927821740000000');
}

.RadWindow_Office2007 a.rwIcon
{
	background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP5NI8KQqFoaxBoJqHVuVE1tKfawmoSXvccTAHZJT_X4xMNlDkzYbBLsNxF-9O97I7V4Sun78SgeuJuPsOiRFhxH0&t=633927821740000000');
}

div.RadWindow_Office2007 .rwTitlebarControls em
{
	color: #00156e;
}

div.RadWindow_Office2007 .rwDialogInput
{
	border: solid 1px #abc1de;
}

div.RadWindow_Office2007 .rwDialogInput:hover
{
	border-color: #305090;
}

div.RadWindow_Office2007 td.rwLoading
{
    background-color: #fff;
}

div.RadWindow_Office2007 td.rwWindowContent
{
    background-color: #fff;
}

/* Loading Indicators */

/* When ShowContentDuringLoad="true" */
div.RadWindow_Office2007 td.rwWindowContent.rwLoading
{
    background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP5NI8KQqFoaxBoJqHVuVE1tjlFHgYyMewJPOfeh-9rCVs8nTzJNjKT4fwuAnxm1ucM1&t=633927821740000000');
}

/* When ShowContentDuringLoad="false" */
div.RadWindow_Office2007 input.rwLoading
{
    background-image: url('/SmartPinoy/WebResource.axd?d=1-udtIrbABpa28X70VB6cibUHfSynuNZZanZArFaQP5NI8KQqFoaxBoJqHVuVE1t_fOE1WjeXEfa9OQ5MYZewatwGHJjIaHbiYStIawv6sA1&t=633927821740000000');
}

div.RadWindow_Office2007 td.rwStatusbar
{
    background-position: 0 -370px;
    background-repeat: repeat-x;
}
/* END Telerik.Web.UI.Skins.Office2007.Window.Office2007.css */
