/*CT*/
.delRcptRow,#rcptAddNew, #rcptCntnrLabel, #rightPanel{background-color:#162d50;color:#e6e6e6;border-color:#4f577f}
#imPgsMenu{background-color:#cccccc;color:#162d50;}

.pageButton .title{background-color:#666666;color:#FFFFFF;}
.pageButton,.pageButtonPad,#pageMenuHdr,#pageMenuFtr{background-color:#e6e6e6;color:#4f577f;border-color:#4f577f}
.pageButton.pageButtonSel .title,#imPnlCatList{background-color:#162d50;color:#e6e6e6;border-color:#162d50}

.imSubMenuLnk{background-color:#162d50;color:#e6e6e6}
.imSubMenuLnkSel{background-color:#e6e6e6;color:#162d50}

#rightPanelEnd,#imCntnr,#meCntnr,#muCntnr,#maCntnr{background-color:#4f577f}
#imPnl,#mePnl,#muPnl,#maPnl{background-color:#e6e6e6;color:#162d50;}
#imPnlCatCntnt a,#imPnlTtl,#mePnlTtl,#muPnlTtl,#maPnlTtl{background-color:#162d50;color:#e6e6e6;}
#imPnlCatCntnt a:hover,#menu,#menuEnd,#menu a,#menu span{background-color:#f2f2f2;color:#162d50;}
#menu a:hover{color:#456789;}
#toolbar,#toolbarBegin,#toolbarEnd{background-color:#e6e6e6;color:#162d50}
.selPageLink{background-color:#ffffff;color:#4f577f}

#rcptCntnr{background-color:#cccccc;}

#colPicker #colSamples{background-color:#ffffff;}

body{margin:0 0 0 0;font-family:verdana;}
select{font-size:10px;}

#header{position:relative;height:70px;width:100%;overflow:hidden}

#leftPanel{width:170px;position:absolute;top:0;left:0}
#logo{width:180px;margin:4px 0 0 4px;height:64px;background-repeat:no-repeat;background-image:url('http://www.greetos.com/gtg/logo.gif')}

#rightPanel,#rightPanelEnd{z-index:2;position:absolute;margin:0 0 0 170px;width:100%;height:52px;float:left;border-style:solid;border-width:0 0 0 1px;font-size:0}
#rightPanelEnd{z-index:1;margin:52px 0 0 171px;height:1px;overflow:hidden;border:0;}
#menu,#menuEnd{width:100%;height:20px;margin:1px 0 0 25px;padding:4px 0 0 8px;overflow:hidden;}
#menu a,#menu span{font-size:12px;text-decoration:none;margin:15px 0 0 4px;position:relative;font-weight:bold}
#menuEnd{height:1px;margin:0 0 0 26px;padding:0}
#toolbar,#toolbarBegin,#toolbarEnd{position:relative;top:15px;left:80px;width:100%;height:20px;}
#toolbarBegin,#toolbarEnd{height:1px;overflow:hidden;margin:0 0 0 1px}
.unselected{cursor:move;margin:1px}

#cpBTN{float:left;display:inline;background:transparent url(images1.png) no-repeat scroll 2px -1px;margin:0 0 0 8px;width:20px;height:20px;}
#ctBTN{float:left;display:inline;background:transparent url(images1.png) no-repeat scroll -24px -1px;margin:0 0 0 8px;width:21px;height:20px;}
#ptBTN{float:left;display:inline;background:transparent url(images1.png) no-repeat scroll -52px -1px;margin:0 0 0 8px;width:20px;height:20px;}
#deBTN{float:left;display:inline;background:transparent url(images1.png) no-repeat scroll -331px -1px;margin:0 0 0 8px;width:20px;height:20px;}
#udBTN{float:left;display:inline;background:transparent url(images1.png) no-repeat scroll -78px -1px;margin:0 0 0 4px;width:20px;height:20px;}
#rdBTN{float:left;display:inline;background:transparent url(images1.png) no-repeat scroll -98px -1px;margin:0 0 0 4px;width:20px;height:20px;}
#mdBTN{float:left;display:inline;background:transparent url(images1.png) no-repeat scroll -120px -1px;margin:0 0 0 4px;width:20px;height:20px;}
#muBTN{float:left;display:inline;background:transparent url(images1.png) no-repeat scroll -158px -1px;margin:0 0 0 8px;width:20px;height:20px;}
#deBTN:hover,#cpBTN:hover,#ctBTN:hover,#ptBTN:hover,#udBTN:hover,#rdBTN:hover,#muBTN:hover,#mdBTN:hover{background-color:#9f9f9f}

.selPageLink,.pageLink{margin:4px 5px 5px 5px;font-size:11px;cursor:pointer}
#imPgsMenu{margin:4px 0 10px 0;text-align:center;}

#imCntnr,#meCntnr,#muCntnr,#maCntnr{position:absolute;top:100px;left:200px;z-index:9999;width:456px;height:306px;display:none;}
#meCntnr{width:386px;height:241px;}
#maCntnr{height:320px}
#imPnl,#mePnl,#muPnl,#maPnl{position:absolute;margin:3px;overflow:hidden;width:450px;height:300px;}
#mePnl{width:380px;height:235px;}
#maPnl{height:314px}
#imPnlTtl,#mePnlTtl,#muPnlTtl,#maPnlTtl{width:100%;height:20px;font-size:12px;}
#imPnlTtl div,#mePnlTtl div,#muPnlTtl div,#maPnlTtl div{padding:2px 0 0 2px;cursor:move;width:420px;float:left}
#mePnlTtl div{width:350px;}
#imPnlTtl #imPnlClose,#mePnlTtl #mePnlClose,#muPnlTtl #muPnlClose,#maPnlTtl #maPnlClose{cursor:pointer;width:20px;float:right}



#imPnlBdy{position:relative;height:280px;overflow:hidden;border-width:0px}
#imPnlPrv{margin:0 0 0 168px;height:240px;overflow-y:auto}
#imPnlCatList{position:absolute;margin:0 0 0 18px;height:100%;width:150px;}
#imPnlCatList input{position:absolute;margin:5px 0 0 4px;border:0;width:142px}
#imPnlCatCntnt{margin:25px 0 0 0;height:215px;overflow-y:auto;}
#imPnlCatCntnt a{font-size:11px;margin:2px 0 0 4px;text-decoration:none;display:block}
#imSubMenu{background-color:#162D50;float:left;margin:5px 0 0 0;position:relative;width:100%;}
.imSubMenuLnk{cursor:pointer;float:left;font-size:11px;font-weight:bold;margin:5px 5px 0pt;padding:4px;}
.imSubMenuLnkSel{cursor:default}
#imLibraryCntnt{margin:40px 0 0 0;position:absolute;top:0;left:0;}
#imWWWCntnt{font-size:11px;margin:45px 10px 0 15px;text-align:justify}
.addImCntnt{display:none}
.addImCntntSel{display:block}

.selectedObject{margin:0px;border-width:1px;border-style:dashed;border-color:#000000;cursor:move;}
.dark-background .selectedObject{border-color:#ffffff;}

.selectedObject .resizeImage,.selectedObject .resizeText{cursor:nw-resize;position:absolute;right:-4px;bottom:-4px;font-size:0px;width:8px;height:8px;background-color:#000000}
.selectedObject .resizeText{cursor:ew-resize;bottom:4px;}
.genContext,.objContext{font-size:10px;padding:5px 2px 5px 2px;position:absolute;top:0px;left:0px;cursor:pointer;border-style:outset;border-width:1px;background-color:#efefef;display:block;}

.noContext{display:none}
#contextMenu {z-index:10000}
#contextMenu a{text-decoration:none;color:#000000;display:block;padding:0 5px 2px 15px;display:none}
#contextMenu a:hover{background-color:#214478;color:#ffffff}

#contextMenu.objContext .moveForward,#contextMenu.objContext .moveBehind{
display:block
}

#contextMenu.genContext .undo,#contextMenu.genContext .redo, #contextMenu.genContext .selectAll{
display:block
}

#canvasEl{
border-style:inset;float:left;overflow:hidden;
}

.pageButton{border:solid 2px;margin:0px 3px 0px 3px;position:relative;width:170px;height:15px;cursor:pointer}
.pageButton.pageButtonSel{height:60px}

.pageButton .title{padding:0 0 2px 10px;font-size:11px;font-weight:bold;}
.pageButton .pageDelete{float:right;padding:0 4px 2px 0px;font-size:11px;font-weight:bold;}
.pageButton .label,.pageButton .color,.pageButton .pageTime{display:none}
.pageButton.pageButtonSel .pageTime{display:inline;margin:5px 0 0 8px}
.pageButton.pageButtonSel .title{margin:0;}
.pageButton.pageButtonSel .label{display:block;float:left;clear:left;font-size:11px;font-weight:bold;padding:4px 0pt 0pt 10px;}
.pageButton.pageButtonSel .color{display:block;border:1px solid;float:left;height:10px;margin:4px 0pt 0pt 10px;width:30px;font-size:0}

.previewCard,.addPage{position:relative;width:90px;border:outset 1px;margin:10px 20px 5px 30px;font-size:11px;text-align:center;background-color:#efefef}
.peviewCard{margin:5px 20px 60px 30px;}
#pageMenu{
position:relative;clear:left;float:left;width:180px
}
#pageMenuHdr,#pageMenuFtr{border-style:solid;font-size:12px;width:150px;margin:10px 0 0 15px;overflow:hidden;border-width:2px 2px 0 2px}
.pageButtonPad{height:10px;border-style:solid;font-size:12px;width:150px;margin:0 0 0 15px;overflow:hidden;border-width:0 2px 0 2px}
#pageMenuFtr{margin:0 0 0 15px;border-width:0 2px 2px 2px;height:100px;}
#pageMenuHdr .title{margin:10px 0 5px 0;text-align:center;width:100%;font-weight:bold}
#pageMenuHdr input{font-size:11px;border:1px solid;width:35px;}
#selMarker{border-style:dashed;border-width:1px;position:absolute;width:0;height:0;display:none}
.dark-background #selMarker{border-color:#ffffff}
.pgHtContainer,.pgWdContainer{font-size:11px;margin:10px 0 2px 0px}
.pgWdContainer{margin:0 0 10px 0px}

#pageMenuHdr .field{margin:0 0 0 0;float:left;border:0;}
#pageMenuHdr .label{width:50px;margin:0 0 0 10px;float:left;}

/*Message*/
#mePnlBdy .control{width:45%;float:left;margin:5px 0 5px 0}

#mePnlBdy .label,#mePnlBdy .field{width:45%;float:left;}
#mePnlBdy .label{font-size:12px;font-weight:bold;padding:4px 0 0 10px;float:left;}
#mePnlBdy .alignField{float:left;width:120px}
#mePnlBdy .field{margin:0 0 0 0;float:left;border:0;}
#mePnlBdy #textalignCtrl{width:65%}
#textalignLabel{width:31% !important;}
.textalignSelected{border:1px solid;position:relative;top:-1px;}
#fontface{width:80px}
#fontcolour{border:1px solid;width:40px;height:20px;float:left}
#messageBox{margin:0 0 0 10px;width:355px;height:75px;}
#updateMessage{clear:left;float:right;margin:5px 10px 0 0}
.fontstyleSelected{border:2px inset !important;}
/*Send card*/
#maPnlBdy .control{width:50%;float:left;margin:5px 0 5px 0}

#maPnlBdy .label,#maPnlBdy .field{width:90px;float:left;}
#maPnlBdy .label{font-size:12px;font-weight:bold;padding:4px 0 0 10px;float:left;}
#maPnlBdy .field{margin:0 0 0 0;float:left;border:0;}

#rcptCntnr .control{width:40%;float:left;margin:0 0 0 5px;padding:4px 0 4px 0}
#rcptCntnr .label{width:50px}
.rcptRow{margin:2px 0 0 0}
.delRcptRow{cursor:pointer;float:right;margin:3px 20px 0 0;padding:1px 3px 2px;}
#maPnlBdy .mailInput{width:100px;font-size:11px}
#maPnlBdy #deliveryCtrl{width:420px}
#maPnlBdy #deliveryField{width:320px}

#rcptCntnr,#rcptRows{margin:20px 0 0 10px;clear:left;float:left;width:420px;height:100px;overflow:visible}
#rcptRows{margin:0;overflow:auto;height:70px}
#rcptCntnrLabel{position:relative;top:-10px;width:80px;font-weight:bold;text-align:center;font-size:12px;padding:2px}
#rcptAddNewCntnr{margin:0 0 0 10px;width:420px;float:left}
#rcptAddNew{cursor:pointer;margin:0 10px 0 0;float:right;position:relative;top:-10px;width:20px;font-weight:bold;text-align:center;font-size:18px;padding:0 2px 0 2px}

#sendCard{float:right;margin:5px 60px 0 0;}

/*Colour picker*/
#colPicker{position:absolute;top:0;left:0}
#colPicker input{size:3;width:18px;font-size:9px;border:0}
#colPicker #colSamples{position:relative;width:80px;height:80px;cursor:pointer;padding:2px;border:1px solid}
#colPicker span{font-size:0;display:block;float:left;position:relative;width:10px;height:10px;}

#loader-screen{
background-color:#FFFFFF;
background-image:url(ajax-loader.gif);
background-position:center center;
background-repeat:no-repeat;
display:block;
height:100%;
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
position:absolute;
width:100%;
z-index:99999;
_height:550px
}