
.resize 
{
    
width: 200px;
height : auto;
margin-top:25px;
margin-bottom:5px;

}

.PanelMain 
{
    
    border:1px solid #BBBBBB;
    height: 570px;
    width:900px;
    
    /* IE10 */ 
    background-image: -ms-linear-gradient(right top, #FFFFFF 85%, #CCCCCC 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',GradientType=1, startColorstr='#CCCCCC', endColorstr='#FFFFFF');

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(right top, #FFFFFF 70%, #E6E6E6 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(right top, #FFFFFF 85%, #CCCCCC 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(right top, #FFFFFF 85%, #CCCCCC 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(right top, #FFFFFF 85%, #CCCCCC 100%);
}

/*===========================**** Safari Browser Support ---> CSS3 ****===========================*/


@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .PanelMain
    {
        border: 1px solid #BBBBBB;
         height: 570px;
        width: 900px; 
        /* Webkit (Safari) */ 
        background: -webkit-gradient(linear, 25% 25%, left top, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC)); 
        
    }
}

/*===========================**** END Safari Browser Support ---> CSS3 ****===========================*/

.PanelMainWallColor 
{
    
    border:1px solid #BBBBBB;
    height: 570px;
    width:900px;

}

.PanelSubMain 
{
    
   /* IE10 */ 
    background-image: -ms-linear-gradient(right top, #FFFFFF 85%, #CCCCCC 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',GradientType=1, startColorstr='#CCCCCC', endColorstr='#FFFFFF');

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(right top, #FFFFFF 70%, #E6E6E6 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(right top, #FFFFFF 85%, #CCCCCC 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(right top, #FFFFFF 85%, #CCCCCC 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(right top, #FFFFFF 85%, #CCCCCC 100%);
}


.PanelSubMenu
{
    border:1px solid #BBBBBB;
    background-color :#FDFDFD;
    border-top-color :#FFFFFF;
}

.PanelFrameDetails {
	border:1px solid #A1A1A1;
	background-color :#FFFFFF;
}

.PanelMatDetails {
	border:1px solid #BBBBBB;
	background-color :#FFFFFF;
}

.PanelSubMenuArt
{
    border:1px solid #BBBBBB;

    border-top-color :#FFFFFF;

    /* IE10 */ 
    background-image: -ms-linear-gradient(top, #FFFFFF 20%, #CCCCCC 200%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 20%, #CCCCCC 200%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #FFFFFF 20%, #CCCCCC 200%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 20%, #CCCCCC 200%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #FFFFFF 20%, #CCCCCC 200%);
}

.PanelMatList
{
 	background-color :#FFFFFF; 
 	border-right:2px solid #D9D9D9;
 	padding-left :1px;
}

.PanelFrameList
{
 	background-color :#F1EBE5; 
 	border:1px solid #BBBBBB;
 	border-bottom:0px solid #FFFFFF;
 	padding-left :1px;
}

.FindFramer
{
    cursor:text;
}

.TableArt
{
    background-color :#FDFDFD;
}

.StackFrame
{
    background-color:#A59484;
    border:1px solid #000000;
    color:White;
    text-align:center;
    font-size :11px;
    width:20px;
    height :2px;
    cursor:hand;
    cursor:pointer;
}

.StackFrameHover
{
    background-color:#E2DBD5;
    border:1px solid #000000;
    color:White;
    text-align:center;
    font-size :11px;
    width:20px;
    height :2px;
    cursor:hand;
    cursor:pointer;
}

.StackMat
{
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:Black;
    text-align:center;
    font-size :11px;
    cursor:hand;
    cursor:pointer;
}

.StackMatHover
{
    background-color:#DDD4C6;
    border:1px solid #000000;
    color:Black;
    text-align:center;
    font-size :11px;
    cursor:hand;
    cursor:pointer;
}

.StackFillet
{
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:Black;
    text-align:center;
    font-size :11px;
    width:10px;
    height :0.5px;
    cursor:hand;
    cursor:pointer;
}

.StackFilletHover
{
    background-color:#DDD4C6;
    border:1px solid #000000;
    color:Black;
    text-align:center;
    font-size :11px;
    width:10px;
    height :0.5px;
    cursor:hand;
    cursor:pointer;
}

.StackFrameHead
{
    background-color:#E2DBD5;
    border:1px solid #CCCCCC;
    font-size :11px;
    width:125px;
}

.StackFrameContent
{
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    font-size :9.6px;
    width:125px;
    height:70px;
}

.FrameType
{
    background-color:#FFFFFF;   
    cursor:hand;
    cursor:pointer;
}

.FrameType:hover
{
    text-decoration: underline;
    cursor:hand;
    cursor:pointer;
}

.ViewFrameChoices
{
    position: relative;
    font-weight:normal;  
    width: 120px; 
    font-size:10px; 
    height: 20px;
    color :White;  
    text-align: center;  
    line-height: 20px;
    border: 1px solid #999999;
    background:#2E2E2E;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
    cursor:hand;
    cursor:pointer;
}

.ViewFrameChoices:hover
{
    position: relative;  
    font-weight:normal;
    width: 120px; 
    font-size:10px; 
    height: 20px;
    color :#CCCCCC;  
    text-align: center;  
    line-height: 20px;
    border: 1px solid #999999;
    background:#2E2E2E;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
    cursor:hand;
    cursor:pointer;
}


.Search
{
    position: relative;  
    width: 50px; 
     font-weight:normal;
    font-size:10px; 
    height: 20px;
    color :White;  
    text-align: center;  
    line-height: 20px;
    border: 1px solid #999999;
    background:#2E2E2E;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
    cursor:hand;
    cursor:pointer;
}

.Search:hover
{
    position: relative;  
    width: 50px; 
    font-size:10px; 
    font-weight:normal;
    height: 20px;
    color :#CCCCCC;  
    text-align: center;  
    line-height: 20px;
    border: 1px solid #999999;
    background:#2E2E2E;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
    cursor:hand;
    cursor:pointer;
}

.Paragraph
{
    height: 20px;
    padding-left:15px;
    font-size :7.5pt;
    font-weight:bold;
    cursor:text;
    font-family:Century Gothic;
}

.ParagraphArt
{
    cursor: text;
    font-family: Century Gothic;
    font-size: 6.0pt;
    font-weight: bold;
    height: 12px;
    padding-left: 5px;
    width :100px;
}

.ButtonReset  {
    background: url(../images/reset.png) no-repeat 0 0;
    border: 0;
    height: 25px;
    width: 60px;
    cursor:hand;
    cursor:pointer;
    vertical-align:top ;
}

.ButtonZoom  {
    background: url(../images/zoom.png) no-repeat 0 0;
    border: 0;
    height: 25px;
    width: 60px;
    cursor:hand;
    cursor:pointer;
    vertical-align:top ;
}

.ButtonSave
{
    background: url(../images/Save.png) no-repeat 0 0;
      border: 0;
        height: 10px;
        width: 15px;
        cursor:hand;
        cursor:pointer;
    padding-top:5px;
}

.button {
  /*color: #FCFCFC;*/
  /*204,204,204*/
    border: 1px solid #A9A9A9;
    font-weight: normal;
    font-size :7.5pt;
    background-image: linear-gradient(bottom, rgb(212,212,212) 21%, rgb(250,255,255) 68%);
    background-image: -o-linear-gradient(bottom, rgb(212,212,212) 21%, rgb(250,255,255) 68%);
    background-image: -moz-linear-gradient(bottom, rgb(212,212,212) 21%, rgb(250,255,255) 68%);
    background-image: -webkit-linear-gradient(bottom, rgb(212,212,212) 21%, rgb(250,255,255) 68%);
    background-image: -ms-linear-gradient(bottom, rgb(212,212,212) 21%, rgb(250,255,255) 68%);

    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.21, rgb(212,212,212)),
    color-stop(0.68, rgb(250,255,255))
    );
}

.TransparencyDropShadow  
{
    /*3px 3px 4px #000
    
-moz-box-shadow: 3px 3px 4px #A0A1A1;
-webkit-box-shadow: 3px 3px 4px #A0A1A1;
box-shadow: 3px 3px 4px #A0A1A1;
/* For IE 8 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/

-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
/*-khtml-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);*/
box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}

.TransparencyDropShadowLogo  
{  

-moz-box-shadow: -3px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: -3px 3px 3px rgba(0,0,0,0.2);
/*-khtml-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);*/
box-shadow: -3px 3px 3px rgba(0,0,0,0.2);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=190, Color='#000000');


}


.PanelEditFillet
{ 
    /* IE10 */ 
    background-image: -ms-linear-gradient(top, #FFFFFF 20%, #CFCFCF 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 20%, #CFCFCF 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #FFFFFF 20%, #CFCFCF 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #CFCFCF));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 20%, #CFCFCF 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #FFFFFF 20%, #CFCFCF 100%);
    
     border-bottom: 1px double;
      
     border-bottom-color: #AFAFAF;
}


.PanelClearEditFillet
{ 
   background-color :#FFFFFF;  
}

.OtherDetails 
{
    background-color:#fff;
    text-align:right;
    position: absolute;
     left: 627px; 
    top: 571px;
    width :273px;
    height :19px; 
    border:1px solid #BBBBBB;  
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    padding-top:3px;
}

.HideRightCorner 
{
    background-color: #FFFFFF;
    height: 22px;
    left: 890px;
    position: absolute;
    text-align: right;
     top: 572px;
    width: 11px; 
}

.TableFriendsOrFramer
{
    width: 270px;
}

.DivHeaderLogo
{
    background-color: #FFFFFF;
    height: 60px;
    left: 10px;
    position: absolute;
    top: 3px;   
    width: 260px;
    z-index: 1;
}

/*----Browse Button ------*/

 div.button
        {
            border: 1px solid #A9A9A9;
            font-weight: normal;
            font-size: 7.5pt;
            background-image: linear-gradient(bottom, rgb(212,212,212) 21%, rgb(250,255,255) 68%);
            background-image: -o-linear-gradient(bottom, rgb(212,212,212) 21%, rgb(250,255,255) 68%);
            background-image: -moz-linear-gradient(bottom, rgb(212,212,212) 21%, rgb(250,255,255) 68%);
            background-image: -webkit-linear-gradient(bottom, rgb(212,212,212) 21%, rgb(250,255,255) 68%);
            background-image: -ms-linear-gradient(bottom, rgb(212,212,212) 21%, rgb(250,255,255) 68%);
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.21, rgb(212,212,212)),color-stop(0.68, rgb(250,255,255)));
            height: 15px;
            width: 70px;
            text-align: center;
            padding-top:2px;
        }


 .ImgUpload
    {
        background: url(../images/uploader.gif) no-repeat 0 0;       
        height: 20px;
        width: 100px;
        font-size: 9pt;
        text-align: left;
        padding-top:2px;
        padding-left:17px;

    }














